一. 序号选择器
- :first-child 第一个子元素 例:.box1 p:first-child 选择box1里面第一个p元素。
- :last-child 最后一个子元素
- :nth-child() 任意序号的子元素,参数可以写成xn+b的形式,如3n+1。
- :nth-of-type() 同种标签指定序号的子元素,.box1 p:nth-of-type(3) box1里第3个p元素。
- :nth-last-type() 倒数第几个子元素
二. 超链接伪类选择器
a:link没被访问过的状态
a:visited已被访问过的状态
a:hover鼠标悬停时的状态
a:active点击时的状态(鼠标按下还没弹起)
三. 其他伪类
- ::before在某元素之前插入content属性值,content值表示插入的内容。
::after在某元素之后插入content属性值,content值表示插入的内容。
- ::selection用于文档中被用户选中的部分文字设置样式(使用鼠标圈选的部分)。
- ::first-letter选中某块级元素中第一行的第一个字母。
- ::first-line选中某块级元素第一行的所有文字
三. CSS新增伪类
- :empty选择空标签。
- :focus选择当前获得焦点的表单元素。
- :enabled选择当前有效的表单元素。
- :disabled选择当前无效的表单元素,添加此属性,将无法选择。
- :checked选择当前已经勾选的单选按钮或者复选框。
- :root选择根元素,即<html>标签,通过继承性影响文档样式。
版权声明:本文为m0_69059702原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。