-
伪类
-
伪元素
伪类
所有的伪类 参考:https://www.w3cschool.cn/cssref/sel-active.html (W3C把伪类和伪元素放在一起讲解了)
1、a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */
2、input:focus 选择元素输入后具有焦点
3、input:checked 选择器匹配每个选中的输入元素(仅适用于单选按钮或复选框)。
:checked 选择器选取所有选中的复选框或单选按钮。
4、 :disabled 选择器匹配每个禁用的的元素(主要用于表单元素)。
:enabled 选择器不匹配任何无法禁用的元素(主要用于表单元素)。
5、:optional 选择器选择没有必需属性的表单元素,在表单元素是可选项时设置指定样式(:optional 选择器只适用于表单元素: input, select 和 textarea。)。
表单元素中如果没有特别设置 required 属性即为 optional 属性。
6、其它一些限定选择器范围和不常用的伪类(可以参考上面所有伪类的链接),如:p:first-child