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