css中的偽類有哪幾種

這篇文章主要講解了“css中的偽類有哪幾種”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“css中的偽類有哪幾種”吧！

css偽類：“:active”、“:any-link”、“:blank”、“:checked”、“:current”、“:first”、“:first-child”、“:future”、“:focus”、“:has()”、“:host”等。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。

偽類選擇器（簡稱：偽類）通過冒號來定義，它定義了元素的狀態(tài)，如點(diǎn)擊按下，點(diǎn)擊完成等，通過偽類可以為元素的狀態(tài)修改樣式。CSS偽類是用來添加一些選擇器的特殊效果。

css中的偽類列表

常用的偽類及其分類

1、動(dòng)態(tài)偽類選擇器

不同的狀態(tài)，使用不同的樣式。

• E:link

• E:visited

• E:active

• E:hover

• E:focus

2、目標(biāo)偽類選擇器

用來匹配頁面的URI中某個(gè)標(biāo)識符的目標(biāo)元素。

E:target

選擇匹配E的所有元素，且匹配元素被相關(guān)URL指向。

3、語言偽類選擇器

用來匹配使用指定語言的元素。

E:lang(language)

4、元素狀態(tài)偽類選擇器

當(dāng)元素處于某種狀態(tài)下時(shí)，才起作用，在默認(rèn)狀態(tài)下不起作用。

• E:checked

eg:

input[type="checkbox"]:checked{}

• E:enabled

eg:

input[type="text"]:checked{}

• E:disabled

eg:

input[type="text"]:disabled{}

5、結(jié)構(gòu)偽類選擇器

這個(gè)就比較多了，平時(shí)用的也比較頻繁。

• :nth-child

• :nth-last-child

• :nth-of-type

• :nth-last-of-type

• :first-child

• :last-child

• :only-child

• :first-of-type

• :last-of-type

• :only-of-type

• :root 匹配元素所有在文檔的根元素

• :empty 選擇沒有子元素的元素，且不包含節(jié)點(diǎn)

6、否定偽類選擇器

• E:not(F) 匹配所有除F外的E元素

感謝各位的閱讀，以上就是“css中的偽類有哪幾種”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對css中的偽類有哪幾種這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！