CSS/CSS3 | P3-CSS选择器合集(2)

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包包哈哈哈)

注意事项和细节:

  1. 由于隐私原因,对于visited而言,一般只设置里链接颜色样式
  2. 伪链接样式需要按照访问顺序才能生效(link,visited,hover,active)
  3. 其中linkvisited是超链接独有的,而 hover和active是其他元素也有的状态

Q; 什么叫做需要按照「访问顺序」?

A: 即css代码编写的先后顺序对于超链接伪类来说是要按照link, visited,hover,active的顺序

如果只有使用到其中几个(如active ,hover),则可省略link,visited,但是hover,active的编写顺序是 hover,active 而不是 active, hover

也就是说: 可以省略,但是不能打乱顺序!

上一篇:INNODB锁(2)


下一篇:查询中使用全文索引