在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，我們通常使用CSS對(duì)元素進(jìn)行樣式控制。然而，在某些情況下，我們會(huì)遇到一些代碼不被CSS控制的情況。

// 例如以下代碼中的樣式：
.test {
color: red;
}
Hello World!
// 輸出結(jié)果應(yīng)該是 "Hello World!" 這個(gè)標(biāo)題被紅色的字體覆蓋。但是如果在 HTML 文檔中使用了 !important 屬性，CSS 無(wú)法覆蓋這個(gè)屬性值，如下所示：
.test {
color: blue !important;
}

在上述代碼中，CSS 需要將文字顏色改為藍(lán)色，但使用了 !important 屬性后，CSS 就無(wú)法修改樣式，因?yàn)檫@個(gè)屬性具有最高優(yōu)先級(jí)。

// 另一個(gè)遇到不被 CSS 控制的場(chǎng)景是內(nèi)聯(lián)樣式，例如下面這段代碼：
Hello World!
// 如果在樣式表中也對(duì) .test 樣式進(jìn)行了樣式控制，例如：
.test {
color: blue;
}
// 那么下面這段代碼中的 "Hello World!" 的顏色會(huì)是綠色，而不是藍(lán)色：
Hello World!

在這種情況下，內(nèi)聯(lián)樣式（即HTML中的style屬性）優(yōu)先級(jí)最高，因此被應(yīng)用在元素上。

雖然我們?cè)趯?xiě)CSS的時(shí)候通常會(huì)遇到一些不被CSS控制的情況，但我們?nèi)匀豢梢酝ㄟ^(guò)了解CSS的優(yōu)先級(jí)、選擇器和繼承來(lái)規(guī)避這些問(wèn)題。