CSS 優先順序 偽元素 偽類

2022-05-09 04:57:06 字數 645 閱讀 2279

優先順序

單冒號(:)用於css3偽類,雙冒號(::)用於css3偽元素

偽元素屬性

描述css

:first-letter

向文字的第乙個字母新增特殊樣式

1:first-line

向文字的首行新增特殊樣式

1:before

在元素之前新增內容

2:after

在元素之後新增內容2偽類

屬性描述

css:active

向被啟用的元素新增樣式

1:hover

當滑鼠懸浮在元素上時,向元素新增樣式

1:focus

向獲取焦點的元素新增樣式

2:link

向未被訪問過的鏈結新增樣式

1:first-child

向元素的第乙個子元素新增樣式

2:lang

向指定lang屬性的元素新增樣式

2:visited

向被訪問過的鏈結新增樣式

1

CSS 優先順序 偽元素

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

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

內聯樣式 id 選擇器 類選擇器 屬性選擇器 偽類選擇器 標籤選擇器 偽元素選擇器 如何計算 計算選擇符中 id 選擇器的個數 a 計算選擇符中類選擇器 屬性選擇器以及偽類選擇器的個數之和 b 計算選擇符中標籤選擇器和偽元素選擇器的個數之和 c 按 a b c 的順序依次比較大小,大的則優先順序高,...

css偽類,偽元素

偽類作用於整個元素,比如 a link a hover div first child 儘管這些條件都不是基於dom的,但結果沒乙個都是作用於乙個完整的元素,比如整個鏈結,段落,div等等 偽元素作用於元素一部分,比如 p first line p first letter 偽元素作用於元素的一部分...