CSS2伪类选择器要点

Posted 2020-08-06

有四个选择器，分别是

hover：鼠标悬停  

link：链接不能使用时

visited：链接被点击后 

active：链接被点击时，如果鼠标不放，就会一直触发active属性

link在w3c中记录为链接未被点击时，实际上是当href属性不能使用时触发，列如<a href="#">南达科他级</a>

此时会激活link属性

 

如果某一个标签需要同时使用上面的多个伪类选择器，要想全部激活是有顺序关系的

 

link  visited  hover  active  ，建议按照这个排列方式书写

 

爱恨分明原则: l v h a 

注释：为了产生预期的效果，在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后 !

注释：为了产生预期的效果，在 CSS 定义中，a:active 必须位于 a:hover 之后！！

注释：Pseudo-class（伪类）的名称对大小写不敏感。

注释：伪类可与 CSS 类配合使用：

a.red:visited {color: #FF0000;}

 

<a class="red" href="css_syntax.asp">CSS Syntax</a>

如果上面这个例子中的链接已访问过，那么它会显示为红色。