這篇文章將為大家詳細(xì)講解有關(guān)css層疊指的是什么，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都網(wǎng)站設(shè)計、成都網(wǎng)站制作介紹好的網(wǎng)站是理念、設(shè)計和技術(shù)的結(jié)合。創(chuàng)新互聯(lián)擁有的網(wǎng)站設(shè)計理念、多方位的設(shè)計風(fēng)格、經(jīng)驗豐富的設(shè)計團(tuán)隊。提供PC端+手機(jī)端網(wǎng)站建設(shè)，用營銷思維進(jìn)行網(wǎng)站設(shè)計、采用先進(jìn)技術(shù)開源代碼、注重用戶體驗與SEO基礎(chǔ)，將技術(shù)與創(chuàng)意整合到網(wǎng)站之中，以契合客戶的方式做到創(chuàng)意性的視覺化效果。

CSS層疊是指多種CSS樣式的疊加，CSS樣式在針對同一元素配置同一屬性時，依據(jù)層疊規(guī)則（權(quán)重）來處理沖突，選擇應(yīng)用權(quán)重高的CSS選擇器所指定的屬性，一般也被描述為權(quán)重高的覆蓋權(quán)重低的，因此也稱作層疊。

CSS層疊性（重要）

指多種CSS樣式的疊加。

是瀏覽器處理沖突的一個能力，如果一個屬性通過兩個相同選擇器設(shè)置到同一個元素上，那么這個時候一個屬性就會將另一個屬性層疊掉。
原則：
1、樣式?jīng)_突，遵循的原則是就近原則，即CSS的書寫位置。
2、樣式不沖突，不會層疊

CSS繼承性
寫CSS樣式表時，子標(biāo)簽會繼承父標(biāo)簽的某些樣式，如文本顏色和字號。想要設(shè)置一個可繼承的屬性，只需要將它應(yīng)用于父元素即可。
注意：恰當(dāng)?shù)厥褂美^承可以簡化代碼，降低CSS樣式的復(fù)雜性。子元素可以繼承父元素的樣式（text-,font-，line-這些元素開頭的都可以繼承，以及color屬性）

CSS優(yōu)先級
定義CSS樣式時，經(jīng)常出現(xiàn)兩個或更多規(guī)則應(yīng)用在同一元素上，這時就會出現(xiàn)優(yōu)先級的問題。
在考慮權(quán)重時，初學(xué)者還需要注意一些特殊的情況，具體如下：
繼承樣式的權(quán)重為0.即在嵌套結(jié)構(gòu)中，不管父元素樣式的權(quán)重多大，被子元素繼承時，他的權(quán)重都為0，也就是說子元素定義的樣式會覆蓋繼承來的樣式。
行內(nèi)樣式優(yōu)先。應(yīng)用style屬性的元素，其行內(nèi)樣式的權(quán)重非常高，可以理解為遠(yuǎn)大于100.總之，他擁有比上面提到的選擇器都大的優(yōu)先級。
權(quán)重相同時，CSS遵循就近原則，也就是說靠近元素的樣式具有最大的優(yōu)先級，或者說排在最后的樣式優(yōu)先級最大。
CSS定義了一個!important命令，該命令被賦予最大的優(yōu)先級。也主濁說不管權(quán)重如何以及樣式位置的遠(yuǎn)近，！important都具有最大優(yōu)先級。

CSS特殊性（specificity）
關(guān)于CSS權(quán)重，需要一套公式來計算，由四位的數(shù)組成，值從左到右，左面的最大，一級大于一級，數(shù)位之間沒有進(jìn)制，級別之間不可超越。
繼承或者*的值：0，0，0，0
每個元素（標(biāo)簽）值：0，0，0，1
每個類，偽類值為：0，0，1，0
每個ID為：0，1，0，0
每個行內(nèi)樣式值：1，0，0，0
每個!important值：無窮大

1、數(shù)位之間沒有進(jìn)制。
2、通過繼承的影響的，權(quán)重為0，【即樣式?jīng)]有攜帶有文字標(biāo)簽】如：

.colorRed{
    color:#f00; /* 沒有選中p標(biāo)簽，所以只是通過繼承影響的，權(quán)重為0 */
}
p {
    color:#0f0; /* 權(quán)重為1 */
}

    
顏色