css三大特性：

三大特性：層疊性、繼承性、優(yōu)先級(jí)

層疊性：

指多種css樣式的疊加，是瀏覽器處理多種css樣式?jīng)_突的能力，如果給一個(gè)元素通過(guò)不同或者相同的選擇器設(shè)置相同的屬性但屬性值不同時(shí)，權(quán)重相同的情況下，沖突屬性后面的屬性(值)會(huì)把前面的屬性(值)層疊(覆蓋)。

p {color: red;}p {color: yellow;/* 后面的屬性會(huì)把前面的屬性覆蓋掉 */}<p>顯示的為yellow色</p>

繼承性：

指子元素會(huì)繼承父標(biāo)簽的某些樣式，給父標(biāo)簽設(shè)置的某屬性，如果在子標(biāo)簽中未設(shè)置該屬性，子元素則會(huì)繼承父標(biāo)簽的這個(gè)屬性及值，需要注意的是并不是所有屬性都可以被繼承。

div {color: pink;}<div><p>顯示的是pink色</p></div>

css優(yōu)先級(jí)：
指多個(gè)規(guī)則同時(shí)出現(xiàn)在某個(gè)元素上，該執(zhí)行哪個(gè)規(guī)則的問(wèn)題，在權(quán)重相同的情況下，css書(shū)寫(xiě)靠后面的會(huì)執(zhí)行，否則按照下面權(quán)重大小執(zhí)行

div {color: blue!important;/*!important使用方法*/}

權(quán)重疊加：

CSS特殊性（Specificity）：

關(guān)于權(quán)重疊加，這里有計(jì)算公式：CSS Specificity稱(chēng)為CSS 特性或稱(chēng)非凡性，它是衡量css值優(yōu)先級(jí)的一個(gè)標(biāo)準(zhǔn)，specificity用一個(gè)四個(gè)級(jí)別的數(shù)字串表示，從左到右級(jí)別遞減，同級(jí)別的數(shù)字可以相加，但是級(jí)別之間沒(méi)有進(jìn)制

權(quán)重疊加計(jì)算：

相同級(jí)別間的權(quán)重可以相加，但是不能向上一級(jí)進(jìn)位，如： 0,0,0,3 + 0,0,0,9 =0,0,0,12 而不是 0,0, 1, 2

/*權(quán)重疊加計(jì)算：*/div ul li ------> 0,0,0,3.nav ul li ------> 0,0,1,2a:hover -----—> 0,0,1,1.nav a ------> 0,0,1,1 #nav p -----> 0,1,0,1div p {color: red;/* 此權(quán)重大于下面的權(quán)重，所以顯示的是紅色red */}p {color: yellow;}<div><p>測(cè)試文本</p></div>

提示：本文圖片等素材來(lái)源于網(wǎng)絡(luò)，若有侵權(quán)，請(qǐng)發(fā)郵件至郵箱：810665436@qq.com聯(lián)系筆者 刪除。
筆者：苦海

總結(jié)

以上是生活随笔為你收集整理的CSS中的层叠性、继承性、优先级、权重的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。