1. 超链接伪类选择器
1、概念
超链接的伪类。由于伪类是定义特定的元素状态,所以「超链接的伪类」指的是超链接的状态。
2、超链接状态类型
链接伪类 | 说明 |
---|---|
: link | 未访问的链接状态 |
: visited | 已访问的链接状态 |
: hover | 鼠标悬浮的链接状态 |
: active | 激活的链接状态 |
优先级: link > visited > hover > active
含义:
-
:hover
必须置于:link
和:visited
之后,才有效 -
:active
必须置于:hover
之后,才有效 - ...
3、超链接伪类使用
a:link{ }
a:visited{ }
a:hover{ }
a:active{ }
记忆方法: lvha
(lv包包哈哈哈)
注意事项和细节:
- 由于隐私原因,对于
visited
而言,一般只设置里链接颜色
样式 - 伪链接样式需要按照
访问顺序
才能生效
(link,visited,hover,active) - 其中
link
和visited
是超链接独有
的,而 hover和active是其他元素也有的状态
Q; 什么叫做需要按照「访问顺序」?
A: 即css代码编写的先后顺序对于超链接伪类来说是要按照link, visited,hover,active的顺序
如果只有使用到其中几个(如active ,hover),则可省略link,visited,但是hover,active的编写顺序是 hover,active 而不是 active, hover
也就是说: 可以省略,但是不能打乱顺序!