CSS 学习第三天 （伪·类选择器）

#   概念

什么是伪类？  —— 很像类，但不是类，是元素的特殊状态的一种描述

---

# 动态伪类

 # 常用的伪类选择器：

1.  :link   超链接 未被访问 的状态
2.  :visited  超链接 访问过 的状态
3.  :hover  鼠标 悬停 在元素上的状态
4.  :active  元素 激活 （按住左键不松开）的状态
5.  :focus  获取焦点 的元素

注意：

1. 遵循 LVHA 的顺序：link 、visited、hover、active 。
2. 表单类元素才能使用 focus 伪类 。点击、触摸或通过键盘等方式选择元素，就是获取焦点。

---

 # 结构伪类

1.   :first-child  所用兄弟元素中的第一个。
2.   :last-child  所有兄弟元素中的最后一个。
3.   :nth-child(n)  所有兄弟元素中的第n个。
4.   :first-of-type  所有同类型兄弟元素中的第一个。
5.   :last-of-type  所有同类型兄弟元素中的最后一个。
6.   :nth-of-type(n)  所有同类型兄弟元素中的第n个。

关于n的值：

1.   0或不写（什么都不选中）
2.   n（选中所有子元素）
3.   1~正无穷的整数（选中对应序号的子元素）
4.    2n 或 even  （选中序号为偶数的子元素）
5.   2n+1 或 odd  （选中序号为奇数的子元素）
6.   -n+b  （选中的是前b个）

---

# 否定伪类

: not (选择器)   ：排除（选择器）内的元素，其他全选

---

# UI伪类

1.  : checked        被选中的复选框或单选按钮
2.  : enable           可用的表单元素
3.  : disabled         不可用的表单元素

---

#目标伪类

: target          选中锚点指向的元素