有四个选择器,分别是
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>
如果上面这个例子中的链接已访问过,那么它会显示为红色。
时间: 2024-11-03 14:35:52