13 关于伪类 LVHA 的解释

a标签有四种状态:链接访问前、链接访问后、鼠标滑过、激活,分别对应四种伪类:link:visited:hover:active

当链接未访问过时:

  • 当鼠标滑过a链接时,满足:link:hover两种状态,要改变a标签的颜色,就必须将:hover伪类在:link伪 类后面声明;
  • 当鼠标点击激活a链接时,同时满足:link:hover:active三种状态,要显示a标签激活时的样式(:active), 必须将:active声明放到:link:hover之后。因此得出LVHA这个顺序。
  • 当链接访问过时,情况基本同上,只不过需要将:link换成:visited

这个顺序能不能变?可以,但也只有:link:visited可以交换位置,因为一个链接要么访问过要么没访问过,不可能同时满足,也就不存在覆盖的问题。

Last Updated:
Contributors: leeguooooo