a 标签的四个伪类样式优先级

a 标签的四个伪类样式优先级

a:link定义链接样式，针对尚未访问的链接。

a:visited定义鼠标点击后的链接样式。也就是已访问过的链接的样式。

:focus 定义标签获得鼠标焦点（游标）时的样式。

a:hover定义鼠标移入 a 标签时的链接样式。

a:active定义鼠标点击瞬间的链接样式，active 当然可以用在其它标签上

提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。

提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。

提示：伪类名称对大小写不敏感。

其实对锚伪类顺序的严格要求是充分考虑

鼠标 从未选中 a 标签 --》 悬浮在 a 标签中–》到点击 a 标签。

以及 任何 a 标签都是有 未访问状态（:link）或 已访问状态（:visited）。

只有遵循了锚伪类定义的顺序，才可以使上文 a 标签的所有状态都可以显示相应的样式。否则会因为优先级（特指度）问题导致相应 a 标签状态不显示样式。根据 a 标签的状态你也可以理解到因为 a 标签 只可能 已访问 或 未访问，因此 :link 与 :visited 伪类之间并不冲突，所以这两个伪类之间的定义顺序是没有特殊要求的。

a:link {
    /* 定义未访问过的链接颜色 */
	color: red;
}
a:visited {
    /* 定义链接已浏览过后为灰色 */
	color