CSS 设置链接样式(```LVHA``` ||```LVFHA```)锚伪类

CSS 设置链接样式(LVHA)锚伪类

LVHA也是LVFHA

遇见一道校招题

下列关于 CSS 设置链接样式正确的是（C）

A：a:hover 可以在 a:visited 之前生效
B：a:hover 可以在 a:link 之前生效
C：a:active 必须位于 a:hover 之后
D：a:active 链接被点击后的样式

爱恨原则（LoVe/HAte），即四种伪类的首字母:LVHA。再重复一遍正确的顺序：a:link、a:visited、a:hover、a:active.

因为当鼠标经过未访问的链接，会同时拥有a:link、a:hover两种属性，a:link离它最近，所以它优先满足a:link，而放弃a:hover的重复定义。当鼠标经过已经访问过的链接，会同时拥有a:visited、a:hover两种属性，a:visited离它最近，所以它优先满足a:visited，而放弃a:hover的重复定义。究其原因，是css的就近原则“惹的祸”。

1. link:连接平常的状态
2. visited:连接被访问过之后
3. hover:鼠标放到连接上的时候
4. active:连接被按下的时候

这5个都是伪类，表示5种状态，其中link与visited是超链接专用的，可以分类到链接伪类，而focus，hover和active除了用于超链接还适用于其它元素，称为动态伪类

a:link {/* 未访问过的超链接的样式 */}
a:visited {/* 访问过的超链接的样式 */}
a:focus {/* 拥有焦点的超链接的样式 */}
a:hover {/* 鼠标悬停的超链接的样式 */}
a:active {/* 被用户输入激活的超链接的样式 */}