css3新增的伪类有哪些(css3新增伪类大全)

 分类:前端问答时间:2022-02-11点击: 2022前端视频教程(自学必看)

css3新增的伪类有哪些?以下是我整理的11个css3新增的伪类:

1.p:first-of-type

选择属于其父元素的首个元素

2.p:last-of-type

选择属于其父元素的最后元素

3.p:only-of-type

选择属于其父元素唯一的元素

4.p:only-child

选择属于其父元素的唯一子元素

5.p:nth-child(2)

选择属于其父元素的第二个子元素

6.:empty

表示选择空元素,空元素是指标签里面没有内容的元素。

比如:<p></p>,这就是个空的p元素。但是,标签里面只要有空格,或者换行,都不算空元素。

7.:focus

表示选择当前获得焦点的表单元素。所谓获得焦点,就是指鼠标点进去就是获得焦点。

比如一个文本输入框,鼠标点进去,输入框里面就会有一个闪烁的竖线光标,这就是获得了焦点。

8.:enabled

表示选择当前有效的表单元素。所谓有效的表单元素,就是标签上没有添加disabled这个属性的表单元素。

9.:disabled

表示选择当前无效的表单元素。所谓无效的表单元素,就是指在表单元素上面添加了disabled属性,此时这个表单就是无效的。

10.:checked

表示选择当前已勾选的单选按钮或复选框。

11.:root

表示选择根元素,即<html>标签。所以:root就等价于标签选择器html。

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: