# 伪类

伪类是添加到选择器的关键字,指定要选择的元素的特殊状态

# 语法

selector:pseudo-class {
  property: value;
}
1
2
3

# 常用的一些伪类

名称 作用 场景举例
active 作用于被用户激活的元素 单选框激活时变色
hover 鼠标悬停时的元素 文字hover变色
link 选中所有尚未访问的链接 定义未访问链接的颜色
visited 表示用户已经访问过的链接 定义访问过链接的颜色
focus 元素获取焦点时 输入框获取焦点时变色

codepen示例: 源地址

其它更多的伪类 MDN:CSS伪类