Fork me on GitHub
杨小慧的博客

a标签伪类的书写顺序及原因

a 标签书写顺序::link, :visited, :hover, :active; 简记:lvha

  1. 链接未进行访问时,显示 link 样式,也就是链接的默认样式;
  2. 当访问过了该链接,显示 visited 样式,由于两种选择器的优先级相等,必须让 visited 样式覆盖 link 样式,因此要先写 link 样式;
  3. 当鼠标移动到链接上时,可能是未访问也可能是已经访问, hover 样式要能够覆盖另外两种样式,因此 hover 要放在 visited 的后面;
  4. 当鼠标按下时,鼠标处于 a 标签之上( hover 效果也处于激活状态),为了能够区分悬停和按下,需要让 active 样式覆盖 hover 样式,即 active 的样式放置在最后。
------本文结束感谢阅读------