1. 程式人生 > >CSS基礎之CSS的三大特性【重要】

CSS基礎之CSS的三大特性【重要】

https 一個 www. 默認 gre 下劃線 樣式 三種方式 應用

一、繼承性( Inherited ):給父元素設置的屬性,子孫元素也可以使用。
應用場景:一般用於設置網頁上的一些共性信息,文字大小、字體顏色等

註意點:
1、不是所有的屬性都可以繼承,只有以 color / font- / text- / line 開頭的屬性才可以繼承。
2、繼承性中的特殊性:
a標簽中的文字顏色和下劃線,不能通過繼承修改(不是親生的)
h標簽中的文字大小,不能通過繼承修改(不是親生的)

二、層疊性:CSS處理沖突的一種能力

註意點:
層疊性只有在多個選擇器中選擇同一個標簽,然後又設置了相同的屬性,才會發生層疊。

CSS:層疊式樣式表

三、優先級:當多個選擇器選擇同一個標簽,並且給同一個標簽設置屬性時,如何層疊由優先級來決定。

優先級判斷的三種方式:
-是否是直接選中:間接選中就是繼承方式,如果是間接選中,誰離目標標簽比較近就聽誰的。

-是否是相同的選擇器:如果是相同選擇器,誰寫在後面就聽誰的。

-是否不同的選擇器:按照選擇器的優先級層疊

優先級:
id > 類 > 標簽 > 通配符(也是直接選擇器) > 繼承 > 瀏覽器默認

優先級 ! important :用於提升優先級權限,只能用於直接選擇器,不能用於間接選擇器。

格式:
id選擇器 {color:red; }
標簽選擇器 {color:green !important;} // 提升優先級,此時 標簽優先於 id

優先級的權重:當多個選擇器混合在一起設置屬性時,可以通過權重來計算哪一個選擇器的優先級最高。

權重計算規則:
1、屬性設置時,id選擇器最多的優先級最高
2、id選擇器一樣多時,類名選擇器多的優先級最高
3、類名選擇器一樣多時,標簽選擇器多的優先級最高
4、id選擇器一樣多、類名選擇器一樣多、標簽選擇器一樣多時,權重停止計算,寫在最後的選擇器的優先級最高。



作者:我是一只程序員
鏈接:https://www.jianshu.com/p/a22c194e6ca6
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯系作者獲得授權並註明出處。

CSS基礎之CSS的三大特性【重要】