首页 > 代码库 > CSS2伪类选择器要点

CSS2伪类选择器要点

有四个选择器,分别是

hover:鼠标悬停  

link:链接不能使用时

visited:链接被点击后 

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

link在w3c中记录为链接未被点击时,实际上是当href属性不能使用时触发,列如<a href="http://www.mamicode.com/#">南达科他级</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="http://www.mamicode.com/css_syntax.asp">CSS Syntax</a>

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

CSS2伪类选择器要点