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

16lz 2021-02-25

a链接状态伪类

a链接伪类的四种状态

默认状态 :link
已访问状态 :visited
悬停状态 :hover
激活状态 :active

表单常用的状态伪类：

input:required 选择必填表单域；
input:focus:invalid 选择当前聚焦的且含有非法输入值的表单域；
input:focus:valid 选择当前聚焦的且含有合法输入值的表单域；
input:focus定义获得焦点的元素样式（例如，键盘输入）；
input:valid定义表单输入框的数据有效时的样式。这些类型的选择器对于提示用户他们的表单数据是否有效非常有用；
input:invalid定义表单输入框的数据无效时的样式；
input:enabled定义表单输入框处于可用状态时的样式；
input:disabled 定义表单输入框处于不可用状态时的样式；
input:in-range 定义表单输入框的数据在有效范围之内时的样式；
input:out-of-range 定义表单输入框的数据在有效范围之外时的样式.

更多相关文章

随机推荐