CSS三大特性

一:繼承性

1、繼承性:給父元素設(shè)置屬性,子元素也能使用。

以color/font-/text-/line-開頭的屬性才可以繼承

2、在css的繼承中,不僅僅是兒子,只要是后代都可以繼承。

3、css繼承性的特殊性:

a標簽的文字顏色和下劃線不能繼承的;

h的標簽的文字大小不能繼承。

二:層疊性

1、層疊性:css處理沖突的一種方式,類會把標簽覆蓋掉

層疊性只有在多個選擇器選中的是同一個標簽,然后設(shè)置了相同的屬性,但是屬性值卻有沖突,這時候才會發(fā)生沖突,這時候會使用層疊性來處理沖突。CSS層疊樣式表 (CascadingStyleSheets)

三:優(yōu)先級

1、優(yōu)先級:當多個選擇器選擇了同一個標簽,然后設(shè)置了同一個屬性,但是屬性值卻不同,這時候會出現(xiàn)沖突,這時候怎樣處理的層疊性。

2、優(yōu)先級的判斷

2、1優(yōu)先級的直接選中

2、2間接選中(誰離目標標簽近的啟用誰的屬性)

2、3相同選擇器 (誰寫在后面,都是同類型的(比如p),寫在后面啟用誰的屬性)

2、4 ?不同選擇器(直接選中,不是同類型的,啟用優(yōu)先級來層疊)

? ? ? ? ? ?id>類>標簽選擇器>通配符>繼承>瀏覽器默認

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • ## CSS三大特性 # 繼承性(inherit) # 層疊性 # 優(yōu)先級 # important # div標簽...
    KsKison閱讀 415評論 0 0
  • 谷歌瀏覽器開發(fā)者工具使用 進入谷歌瀏覽器后如下圖操作,或者按F12 調(diào)整樣式![](http://upload-i...
    MGd閱讀 334評論 0 0
  • CSS三大特性 : 繼承,層疊,優(yōu)先級 一. 繼承性 1.什么是繼承性? 作用: 給父元素設(shè)置一些屬性, 子元素也...
    壹點微塵閱讀 167評論 0 0
  • 一.繼承性 1.什么是繼承性?作用: 給父元素設(shè)置一些屬性, 子元素也可以使用, 這個我們就稱之為繼承性 注意點:...
    Heikki_閱讀 271評論 0 2
  • 課堂上要不特別安靜,要不一鳴驚人!課下要不有秩序的游戲,要不在一個角落讀書!考場上聚精會神認真書寫,一遍又一遍的耐...
    海深處閱讀 609評論 1 4

友情鏈接更多精彩內(nèi)容