千鋒前端浠浠呀老師HTML+CSS教程,零基礎(chǔ)web前端開發(fā)入門必看視頻
2023-07-12 13:52 作者:1穩(wěn)穩(wěn) | 我要投稿

偽類選擇器:
1、結(jié)構(gòu)偽類選擇器
1、:first-child:第一個(gè)子元素
2、:last-child:最后一個(gè)子元素
3、:nth-child(參數(shù))
參數(shù)取值:
偶數(shù):2n ========== even
奇數(shù):2n+1 ========== odd
2n、3n、xn ---------表示倍數(shù)關(guān)系
2、3、4 表示匹配到第幾個(gè)子元素
4、:nth-of-type(參數(shù))
先匹配到同一類型的元素,然后匹配指定的第幾個(gè)
2、否定偽類選擇器
:not(選擇器){}
表示排除,除了...以外
3、根目錄偽類選擇器
:root
4、內(nèi)容為空偽類選擇器
:empty
有空格都不算為空
5、目標(biāo)偽類選擇器(主要應(yīng)用在錨點(diǎn)上)
:target
6、UI狀態(tài)偽類選擇器(主要應(yīng)用在表單元素上面)
:enable:表示匹配處于可用狀態(tài)的元素
:checked:表示匹配處于選中狀態(tài)的元素
:disabled:表示匹配處于禁用狀態(tài)的元素
:focus:表示匹配獲取到光標(biāo)元素
::selection表示更改文本選中狀態(tài)下的高亮樣式(支持顏色樣式)
7、超鏈接動(dòng)態(tài)偽類選擇器
:link
:visited
:hover
:active
標(biāo)簽: