链接 样式 定义 顺序 link visited hover active

这是我 3 年前遇到的问题了,当时解决过,后来记不太清楚,今天又复习了一遍。

给 A 标签定义样式,有四种状态:

  • link 没被点过的链接
  • visited 点过的
  • hover 鼠标悬停在链接上
  • active 鼠标点击按键后 至 松开按键前这段时间

当年不懂,在 IE 这个死浏览器上怎么都不能设置正确,后来百度搜了一下,意识到定义的顺序很关键,马上实践,果然灵验。

为了记这个顺序,我还给他起了个顺口溜呢,“路哈”。

v 字母可以看做是 u,那么发音就顺畅了:l – v – h – a。

读成 l – u – h – a,就是“路哈”的音。

仅供参考和回忆……

Tags:

1 comment

  1. 这是优先级的问题,如果link放在最后面,优先级最高,自然会覆盖其他的,即使hover触发了,也被link给覆盖掉。

Leave a Reply

Your email address will not be published.

*