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

分类：前端问答时间：2022-02-11 12:00:54

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。

除注明外的文章,均为来源:老汤博客,转载请保留本文地址！
原文地址：https://tangjiusheng.com/web/ask/247.html

大家都在看