2020 12 28偽類選擇器

2021-10-13 07:33:33 字數 1083 閱讀 3863

偽類選擇器都是兩個冒號,乙個冒號是簡單寫法

1、:link 鏈結未被訪問時

2、:visited 被訪問過的,當我們a標籤被訪問了以後才出發的偽類選擇器

3、:focus 當鏈結和input被使用tab鍵選中或啟用時

4、:active 元素被啟用時(滑鼠按下未起來時的狀態)

適用於a、input、div等等

5、:checked 被勾選的狀態(適用於input type = "checkbox/radio")

狀態類1、:first-line 首行文字的狀態(只能用於塊元素,用於設定附屬元素的第乙個行內容的樣式)

2、:first-letter 首行首字(只能用於塊元素,用於設定附屬元素的第乙個字母的樣式) 

3、:selection 被選中的文字的樣式的修改

4、:not(select) 反選

偽類選擇器都是兩個冒號,乙個冒號是簡單寫法

結構性偽類選擇器

1、:nth-child 根據序號進行選擇 優先按照序號選中元素,再判斷型別(優先序號!!!)

2、:nth-last-child 與上邊用法一樣,只是他從結尾出反序計數

3、:nth-of-type 根據序號進行選擇 根據相同的元素型別進行查詢

4、:nth-last-of-child 與上邊用法一樣,只是他從結尾出反序計數

5、:first-child 選擇再父元素中第乙個

6、first-of-child 選擇在父元素中第乙個出現的,而不管其在兄弟內的位置

屬性類偽類選擇器(模糊搜尋)

1、[attr]訪問屬性的時候用的都是中括號

2、[attr^=""]屬性值以誰開頭(字元)

3、[attr$=val] 屬性值以誰結尾(字元)

4、[attr*=val] 屬性中包含某些字元(字元)

偽元素跟偽類的區別

偽類的操作物件是文件樹中已有的元素

偽元素建立了乙個文件外的元素,使用css建立的標籤

偽元素1、不能設定寬高

2、::before 建立乙個偽元素,其將成為匹配選中的元素的第乙個子元素

::after建立乙個偽元素,其將成為匹配選中的元素的最後乙個子元素

屬性選擇器,偽類選擇器,偽元素選擇器

屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...

偽類選擇器

作用根據連線的不同狀態可以以不同的方式顯示 偽類是css 用於向某些選擇器新增特殊的效果。a標籤中有四個 link visited hover active 用法示例 a link 未訪問的連線 顏色可以自定義 a visited 已訪問的連線 hover 滑鼠移動到連線上時顯示的效果 a acti...

偽類選擇器

偽類選擇器 用來設定 某些元素在特殊情況下的屬性 例如 超連結在訪問之後的樣式,文字框獲得輸入焦點後的樣式,文字被選中後的樣式。等 1 visited 這個偽類選擇器用於 超連結。指的是 訪問之後的超連結的樣式。只能修改顏色。3 link 普通超連結的樣式 可以設定顏色 背景顏色。等等 4.hove...