• 伪元素


 

伪类    

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

 

 


 

伪元素

 

相关文章: