CSS偽類是用來(lái)添加一些選擇器的特殊效果，是用于已有元素處于某種狀態(tài)時(shí)為其添加對(duì)應(yīng)的樣式，這個(gè)狀態(tài)是根據(jù)用戶行為而動(dòng)態(tài)變化的。

何為偽類?

就是css內(nèi)置類css內(nèi)部本身賦予它一些特性和功能，也就是你不用再class=...或id=...你就可以直接拿來(lái)使用，當(dāng)然你也可以改變它的部分屬性比如：a:link{color:#FF0000;}

相關(guān)課程推薦：css視頻教程

那么css3新增偽類有哪些？

:first-of-type

p:first-of-type 選擇屬于其父元素的首個(gè)

元素的每個(gè)

元素。

:last-of-type

p:last-of-type 選擇屬于其父元素的最后

元素的每個(gè)

元素。

:only-of-type

p:only-of-type 選擇屬于其父元素唯一的

元素的每個(gè)

元素。

:only-child

p:only-child 選擇屬于其父元素的唯一子元素的每個(gè)

元素。

:nth-child(n)

p:nth-child(2) 選擇屬于其父元素的第二個(gè)子元素的每個(gè)

元素。

:nth-last-child(n)

p:nth-last-child(2) 同上，從最后一個(gè)子元素開始計(jì)數(shù)。

:nth-of-type(n)

p:nth-of-type(2) 選擇屬于其父元素第二個(gè)

元素的每個(gè)

元素。

:nth-last-of-type(n)

p:nth-last-of-type(2) 同上，但是從最后一個(gè)子元素開始計(jì)數(shù)。

:last-child

p:last-child 選擇屬于其父元素最后一個(gè)子元素每個(gè)

元素。

:root

:root 選擇文檔的根元素。

:empty

p:empty 選擇沒有子元素的每個(gè)

元素(包括文本節(jié)點(diǎn))。

:target

#news:target 選擇當(dāng)前活動(dòng)的 #news 元素。

:enabled

input:enabled 選擇每個(gè)啟用的 元素。

:disabled

input:disabled 選擇每個(gè)禁用的 元素

:checked

input:checked 選擇每個(gè)被選中的 元素。

:not(selector)

:not(p) 選擇非

元素的每個(gè)元素。

::selection

::selection 選擇被用戶選取的元素部分。

本文來(lái)自 css答疑 欄目，歡迎學(xué)習(xí)！

總結(jié)

以上是生活随笔為你收集整理的html新增伪类,css3新增伪类有哪些的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。