# 伪类
伪类是添加到选择器的关键字，指定要选择的元素的特殊状态
# 语法
selector:pseudo-class {
property: value;
}
1
2
3
2
3
# 常用的一些伪类
| 名称 | 作用 | 场景举例 |
|---|---|---|
| active | 作用于被用户激活的元素 | 单选框激活时变色 |
| hover | 鼠标悬停时的元素 | 文字hover变色 |
| link | 选中所有尚未访问的链接 | 定义未访问链接的颜色 |
| visited | 表示用户已经访问过的链接 | 定义访问过链接的颜色 |
| focus | 元素获取焦点时 | 输入框获取焦点时变色 |
codepen示例： 源地址
其它更多的伪类 MDN:CSS伪类 (opens new window)