伪类 和 伪元素

• 伪类

• 伪元素

---

 

伪类    

所有的伪类  参考：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

 

 

---

 

伪元素

 

转载于:https://www.cnblogs.com/wfblog/p/9105297.html