CSS層疊是指多種CSS樣式的疊加,CSS樣式在針對(duì)同一元素配置同一屬性時(shí),依據(jù)層疊規(guī)則(權(quán)重)來處理沖突,選擇應(yīng)用權(quán)重高的CSS選擇器所指定的屬性,一般也被描述為權(quán)重高的覆蓋權(quán)重低的,因此也稱作層疊。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
CSS層疊性(重要)
指多種CSS樣式的疊加。
是瀏覽器處理沖突的一個(gè)能力,如果一個(gè)屬性通過兩個(gè)相同選擇器設(shè)置到同一個(gè)元素上,那么這個(gè)時(shí)候一個(gè)屬性就會(huì)將另一個(gè)屬性層疊掉。
原則:
1、樣式?jīng)_突,遵循的原則是就近原則,即CSS的書寫位置。
2、樣式不沖突,不會(huì)層疊
CSS繼承性
寫CSS樣式表時(shí),子標(biāo)簽會(huì)繼承父標(biāo)簽的某些樣式,如文本顏色和字號(hào)。想要設(shè)置一個(gè)可繼承的屬性,只需要將它應(yīng)用于父元素即可。
注意:恰當(dāng)?shù)厥褂美^承可以簡(jiǎn)化代碼,降低CSS樣式的復(fù)雜性。子元素可以繼承父元素的樣式(text-,font-,line-這些元素開頭的都可以繼承,以及color屬性)
CSS優(yōu)先級(jí)
定義CSS樣式時(shí),經(jīng)常出現(xiàn)兩個(gè)或