CSS教程

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

本文主要是介绍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. 其中link和visited是超链接独有的,而 hover和active是其他元素也有的状态

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

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

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

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

这篇关于CSS/CSS3 | P3-CSS选择器合集(2)的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航