css3新增的伪类有哪些(css3新增伪类大全)
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.cn/web/ask/247.html
原文地址:https://tangjiusheng.cn/web/ask/247.html