巧用状态伪类：让你的链接不尴尬

a链接状态伪类

a链接伪类的四种状态

1. 默认状态 :link

2. 已访问状态 :visited

3. 悬停状态 :hover

4. 激活状态 :active

表单常用的状态伪类：

1. input:required 选择必填表单域；

2. input:focus:invalid 选择当前聚焦的且含有非法输入值的表单域；

3. input:focus:valid 选择当前聚焦的且含有合法输入值的表单域；

4. input:focus定义获得焦点的元素样式（例如，键盘输入）；

5. input:valid定义表单输入框的数据有效时的样式。这些类型的选择器对于提示用户他们的表单数据是否有效非常有用；

6. input:invalid定义表单输入框的数据无效时的样式；

7. input:enabled定义表单输入框处于可用状态时的样式；

8. input:disabled 定义表单输入框处于不可用状态时的样式；

9. input:in-range 定义表单输入框的数据在有效范围之内时的样式；

10. input:out-of-range 定义表单输入框的数据在有效范围之外时的样式.