css3新增伪类有哪些

CSS伪类是用来添加一些选择器的特殊效果,是用于已有元素处于某种状态时为其添加对应的样式,这个状态是根据用户行为而动态变化的。

何为伪类?

就是css内置类css内部本身赋予它一些特性和功能,也就是你不用再class=...或id=...你就可以直接拿来使用,当然你也可以改变它的部分属性比如:a:link{color:#FF0000;}

相关课程推荐:css视频教程

那么css3新增伪类有哪些?

:first-of-type

p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。

:last-of-type

p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。

:only-of-type

p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。

:only-child

p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。

:nth-child(n)

p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。

:nth-last-child(n)

p:nth-last-child(2) 同上,从最后一个子元素开始计数。

:nth-of-type(n)

p:nth-of-type(2) 选择属于其父元素第二个 <p> 元素的每个 <p> 元素。

:nth-last-of-type(n)

p:nth-last-of-type(2) 同上,但是从最后一个子元素开始计数。

:last-child

p:last-child 选择属于其父元素最后一个子元素每个 <p> 元素。

:root

:root 选择文档的根元素。

:empty

p:empty 选择没有子元素的每个 <p> 元素(包括文本节点)。

:target

#news:target 选择当前活动的 #news 元素。

:enabled

input:enabled 选择每个启用的 <input> 元素。

:disabled

input:disabled 选择每个禁用的 <input> 元素

:checked

input:checked 选择每个被选中的 <input> 元素。

:not(selector)

:not(p) 选择非 <p> 元素的每个元素。

::selection

::selection 选择被用户选取的元素部分。

本文来自 css答疑 栏目,欢迎学习!

以上就是css3新增伪类有哪些的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑