CSS3起步 03 css宣告優先順序

2021-09-17 04:09:05 字數 1789 閱讀 2741

首先我得先說明乙個誤區:選擇器沒有優先順序

問題一,那選擇器沒有優先順序,那宣告塊的優先順序怎末定呢?

選擇器的特殊性會賦予所對應的宣告塊,所以如果存在多個規則對應乙個元素,且存在宣告衝突,則特殊性越大,越佔優勢。

問題二,那什麼是選擇器的特殊性呢?

選擇器的特殊性是自身所決定的,且特殊性值表示為0,0,0,0。

問題三,那不同選擇器具體的特殊性值是多少呢?

乙個選擇器的特殊性值如下

01,id選擇器:0,1,0,0

02,類選擇器,屬性選擇器,偽類:0,0,1,0

03,標籤選擇器,偽元素選擇器:0,0,0,1

04,萬用字元:0,0,0,0

05,結合符【』.』,』~』,』+』,』>』…】沒有特殊性

06,內聯宣告:1,0,0,0

07,繼承沒有特殊性

注意點:特殊性值可以累加,但是沒有進製一說【舉個例子:n個類選擇器抵不過乙個id選擇器】

示例

燃情雪		

結果:

繼承示例【color屬性為繼承屬性】

燃情雪	

結果:

ps:由於繼承沒有特殊性,所以萬用字元比繼承更佔優勢

問題四,不是有個重要宣告什麼的嗎?

重要宣告

01,有時某個宣告比較重要,css2.1就稱之為重要重要宣告。

02,重要宣告必須放置在宣告的最後面,分號的前面width: 200px !important;之間只允許存在空格。

03,重要宣告沒有特殊性

04,瀏覽器對元素的渲染會把重要宣告分一組,非重要宣告分一組,且重要宣告比非重要宣告更加具有優勢。

問題五,沒了嗎?

不不不,還有**。

**

css樣式的**大致有三種

創作人員【我們】

讀者【使用者】

使用者**【瀏覽器】

權重

讀者重要宣告

創作者重要宣告

創作者非重要宣告

讀者非重要宣告

使用者**宣告

讀者重要宣告【ie裡面的internet選項】

使用者**

問題六,怎末具體曾疊呢?菜鳥爬行中…

(2020 09 25)一起學習css3

css 指層疊樣式表 cascading style sheets 樣式定義如何顯示 html 元素樣式通常儲存在樣式表中把樣式新增到 html 4.0 中,是為了解決內容與表現分離的問題外部樣式表可以極大提高工作效率 外部樣式表通常儲存在 css 檔案中多個樣式定義可層疊為一。html 標籤原本被...

CSS優先順序演算法的計算及其CSS3新增偽類

css優先順序演算法 優先順序就近原則,同權重情況下樣式定義最近者為準 載入樣式以最後載入的定位為準 優先順序為 內聯樣式表 標籤內部 嵌入樣式表 當前檔案中 外部樣式表 外部檔案中 important id class tag important 比 內聯優先順序高css3新增偽類 p first...

CSS3選擇器歸類整理(附CSS優先順序要點)

css是用於網頁設計可用的最強大的工具之一。使用它我們可以在幾分鐘內改變乙個 的介面,而不用改變頁面的標籤。在深入研究css選擇器之前,我們應該先搞懂css優先順序是如何工作的。比如給乙個p標籤增加乙個類 class 可是執行後該class中的有些屬性並沒有起作用。通過firebug檢視,發現沒有起...