在進行網頁設計時，我們通常使用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的優先級、選擇器和繼承來規避這些問題。