在CSS中,每個樣式都有一個權(quán)重。當有多個CSS樣式被應用到同一個元素上時,這些樣式的權(quán)重會被比較,以確定應用哪個樣式。
如果兩個樣式的權(quán)重相同,那么它們是平等的,誰在后面就應用誰。下面是一個例子:
p { color: blue; } p { color: red; }
在這個例子中,兩個p標簽都定義了顏色,但是如果一個p標簽具有更高的權(quán)重,它的顏色將被應用。但是,在這種情況下,它們的權(quán)重是相等的,所以后面的樣式(紅色)將被應用。
有時候,我們可能遇到多個樣式具有相同權(quán)重的情況。例如,直接在HTML標簽上使用樣式:
<p style="color: green;">我是一段文本</p> <p style="color: blue;">我是另一段文本</p>
在這種情況下,這兩個P標簽具有相同的權(quán)重,因為它們沒有在樣式表中定義。同樣的,后面的樣式將被應用。所以上面的例子中,“我是另一段文本”將是藍色。
總體來說,當兩個樣式的權(quán)重相同時,后面的樣式將被應用。但是,如果它們是相同的樣式,例如,兩個內(nèi)聯(lián)樣式或者都是在相同的選擇器中定義的,那么最后一個樣式將被應用。
下一篇css樣式曲線