在进行网页设计时，我们通常使用CSS对元素进行样式控制。然而，在某些情况下，我们会遇到一些代码不被CSS控制的情况。

// 例如以下代码中的样式：
.test {
color: red;
}
Hello World!
// 输出结果应该是 "Hello World!" 这个标题被红色的字体覆盖。但是如果在 HTML 文档中使用了 !important 属性，CSS 无法覆盖这个属性值，如下所示：
.test {
color: blue !important;
}

在上述代码中，CSS 需要将文字颜色改为蓝色，但使用了 !important 属性后，CSS 就无法修改样式，因为这个属性具有最高优先级。

// 另一个遇到不被 CSS 控制的场景是内联样式，例如下面这段代码：
Hello World!
// 如果在样式表中也对 .test 样式进行了样式控制，例如：
.test {
color: blue;
}
// 那么下面这段代码中的 "Hello World!" 的颜色会是绿色，而不是蓝色：
Hello World!

在这种情况下，内联样式（即HTML中的style属性）优先级最高，因此被应用在元素上。

虽然我们在写CSS的时候通常会遇到一些不被CSS控制的情况，但我们仍然可以通过了解CSS的优先级、选择器和继承来规避这些问题。