CSS的層疊性指的是多個CSS規(guī)則同時作用于同一個元素時,它們產(chǎn)生的效果是互相疊加的。這種疊加的過程,可以稱為CSS的層疊性。在CSS的層疊性中,采用了如下的優(yōu)先級規(guī)則:
1.內(nèi)聯(lián)樣式表(在元素內(nèi)部使用style屬性) 2.ID選擇器(#id) 3.類選擇器(.class) 4.屬性選擇器([attr]) 5.元素選擇器(Tag) 6.通配選擇器(*)
在優(yōu)先級相同的情況下,后定義的樣式會覆蓋先定義的樣式。例子如下:
p { color: red; } p { color: blue; }
上述代碼中,p元素的文本顏色將是藍(lán)色,因為最后定義的樣式是藍(lán)色的。
CSS的層疊性是CSS樣式表的一個長處,可以很好地結(jié)合選擇器和CSS屬性實(shí)現(xiàn)網(wǎng)頁的設(shè)計。但是,由于CSS的層疊性相對復(fù)雜,要想正確地使用它,需要對CSS的優(yōu)先級有非常深刻的理解,否則可能會造成樣式?jīng)_突或失效的情況。
上一篇dockerhuub
下一篇簡述css的定義和作用