在網(wǎng)頁制作過程中,CSS 是我們經(jīng)常使用的一種樣式語言。通過 CSS 可以改變 HTML 元素的樣式,如文字的顏色、大小、邊框的樣式等等。但是有些情況下,我們會發(fā)現(xiàn) CSS 格式根本無法改變。接下來我們就來看看這些情況。
1. 繼承樣式
子元素?zé)o法修改父元素的樣式。當(dāng)父元素設(shè)置了樣式屬性,并且子元素沒有重寫繼承的樣式,子元素的樣式就會遵循父元素的樣式。例如,父元素設(shè)置了字體樣式,子元素就無法改變字體樣式。
2. 重要性規(guī)則
有些樣式屬性設(shè)置了!important
規(guī)則,這種樣式就無法被其他樣式所改寫。當(dāng)一個樣式屬性有多個值時,擁有!important
規(guī)則的樣式屬性會優(yōu)先被應(yīng)用。比如:
p { font-size: 16px !important; } p { font-size: 14px; }
上面的樣式中,無論如何都會應(yīng)用 16px 的字體大小,因為前面的樣式屬性有!important
規(guī)則。
3. 瀏覽器默認(rèn)樣式
不同的瀏覽器有不同的默認(rèn)樣式。這些默認(rèn)樣式可以通過代碼重置,但是有些樣式屬性無法完全改變。如input
元素的邊框樣式。
4. 樣式覆蓋
相同優(yōu)先級的樣式會被后定義的樣式所覆蓋。但是優(yōu)先級相同的樣式在應(yīng)用時會根據(jù)具體情況進(jìn)行優(yōu)先級排序。有些樣式在排序后就難以改變。具體的優(yōu)先級規(guī)則可以查看CSS 優(yōu)先級規(guī)則。
綜上所述,雖然 CSS 可以改變 HTML 元素的樣式,但是有些情況下 CSS 格式無法改變。學(xué)習(xí) CSS 的同時,也需要學(xué)會避免這些情況的出現(xiàn)。