css 選擇器 優先順序 偽類 偽元素

2021-09-27 11:26:28 字數 283 閱讀 1869

內聯樣式 > id 選擇器 > 類選擇器 = 屬性選擇器 = 偽類選擇器 > 標籤選擇器 = 偽元素選擇器

如何計算:計算選擇符中 id 選擇器的個數(a),計算選擇符中類選擇器、屬性選擇器以及偽類選擇器的個數之和(b),計算選擇符中標籤選擇器和偽元素選擇器的個數之和(c)。按 a、b、c 的順序依次比較大小,大的則優先順序高,相等則比較下乙個。若最後兩個的選擇符中 a、b、c 都相等,則按照"就近原則"來判斷。

!important擁有最高優先順序

偽類和偽元素的最大區別就在於有沒有建立乙個文件樹以外的元素

CSS 優先順序 偽元素 偽類

優先順序 單冒號 用於css3偽類,雙冒號 用於css3偽元素 偽元素屬性 描述css first letter 向文字的第乙個字母新增特殊樣式 1 first line 向文字的首行新增特殊樣式 1 before 在元素之前新增內容 2 after 在元素之後新增內容2偽類 屬性描述 css ac...

CSS 優先順序 偽元素

當我們寫css的時候我們必須注意有些選擇器在級聯 cascade 上會高於其它選擇器,我們寫在最後面的選擇器將不一定會覆蓋前面我們寫在同乙個元素的樣式。那麼你如何計算指定選擇器的優先順序?1.第乙個數字 a 通常就是0,除非在標籤上使用style屬性 2.第二個數字 b 是該選擇器上的id的數量的總...

CSS之偽類選擇器 偽元素

偽元素a link 未訪問的鏈結 a visited 訪問過的鏈結 a hover 滑鼠移動到鏈結上 a active 按住滑鼠不動的時候 提示 在 css 定義中,a hover 必須被置於 a link 和 a visited 之後,才是有效的。提示 在 css 定義中,a active 必須被...