# 概念
什么是伪类? —— 很像类,但不是类,是元素的特殊状态的一种描述
# 动态伪类
# 常用的伪类选择器:
- :link 超链接 未被访问 的状态
- :visited 超链接 访问过 的状态
- :hover 鼠标 悬停 在元素上的状态
- :active 元素 激活 (按住左键不松开)的状态
- :focus 获取焦点 的元素
注意:
- 遵循 LVHA 的顺序:link 、visited、hover、active 。
- 表单类元素才能使用 focus 伪类 。点击、触摸或通过键盘等方式选择元素,就是获取焦点。
# 结构伪类
- :first-child 所用兄弟元素中的第一个。
- :last-child 所有兄弟元素中的最后一个。
- :nth-child(n) 所有兄弟元素中的第n个。
- :first-of-type 所有同类型兄弟元素中的第一个。
- :last-of-type 所有同类型兄弟元素中的最后一个。
- :nth-of-type(n) 所有同类型兄弟元素中的第n个。
关于n的值:
- 0或不写(什么都不选中)
- n(选中所有子元素)
- 1~正无穷的整数(选中对应序号的子元素)
- 2n 或 even (选中序号为偶数的子元素)
- 2n+1 或 odd (选中序号为奇数的子元素)
- -n+b (选中的是前b个)
# 否定伪类
: not (选择器) :排除(选择器)内的元素,其他全选
# UI伪类
- : checked 被选中的复选框或单选按钮
- : enable 可用的表单元素
- : disabled 不可用的表单元素
#目标伪类
: target 选中锚点指向的元素
标签:伪类,元素,第三天,选中,child,type,选择器,CSS From: https://blog.csdn.net/qq_43300604/article/details/136765526