a:link 设置 a 对象在未被访问前的样式。
a:visited 设置 a 对象在其链接地址已被访问过时的样式。
a:hover 设置对象在其鼠标悬停时的样式。
a:active 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。
通常,这个顺序是要严格遵守的,如果改变了这个顺序,样式将可能无法正常工作。
LVHA这个顺序有几个记忆方法:LoVe-HA! 和Like Various Hairy Apes是特别容易记忆的两个。
根据CSS21,link和visited伪类是互斥的,也就是*:link:visited不可能选择到任何元素。而hover、active与新增的focus伪类,可以共存于一个元素上。因此可以有以下的样式:
a:link:hover { color:red; text-decoration:underline }
a:visited:hover { color:maroon }
a:link { color:blue; text-decoration:none; }
a:visited { color:navy; text-decoration:none; }
a:active { background:green; color:white; }
a:visited:hover:active { text-decoration:line-through }