css樣式優先順序問題

2021-10-08 14:40:11 字數 677 閱讀 9765

此片部落格為參考部落格,更多詳情可看:

官方表述的css樣式優先順序如下:

通用選擇器(*)《元素(型別)選擇器《類名選擇器《屬性選擇器《偽類選擇器其中內聯樣式只能通過style=""來宣告

而上面的通用選擇器到id選擇器都是既可以在嵌入樣式中宣告也可以在外部樣式中引用,同樣的選擇器,在嵌入樣式中宣告的優先順序總是大於在外部樣式中宣告的,具體優先順序如下表:

上述樣式對應的權重值如下

1.第一等:!important   如非特殊情況,慎用!important.

2.第二等:代表內聯樣式,如: style=」」,權值為1000

3.第三等:代表id選擇器,如:#content,權值為100

4.第四等:代表類,偽類屬性選擇器,如.content,權值為10

5.第五等:代表型別選擇器偽元素選擇器,如div p,權值為1

Css樣式優先順序問題

想要對乙個標籤處理它的樣式,可以用 class 的方式來定義它的類,然後在類中處理他的樣式 例如 html view plain copy print?style box style divclass box div 當然也可以用 id 或者乾脆直接對標籤寫樣式,然而如果把這些定義都放在了乙個元素中...

css樣式優先順序問題

官方表述的css樣式優先順序如下 通用選擇器 元素 型別 選擇器 類選擇器 屬性選擇器 偽類 id 選擇器 內聯樣式 css 偽類用於向某些選擇器新增特殊的效果屬性選擇器可以根據元素的屬性及屬性值來選擇元素。那麼,我們來舉個例子 html 引入乙個style.css樣式 在style.css樣式中寫...

css樣式優先順序問題

官方表述的css樣式優先順序如下 通用選擇器 元素 型別 選擇器 類選擇器 屬性選擇器 偽類 id 選擇器 內聯樣式 css 偽類用於向某些選擇器新增特殊的效果 屬性選擇器可以根據元素的屬性及屬性值來選擇元素。那麼,我們來舉個例子 html 引入乙個style.css樣式 在style.css樣式中...