【CSS3】CSS——链接

CSS链接样式

属性	描述
a:link	普通的、未被访问的链接
a:visited	用户已访问的链接
a:hover	鼠标指针位于链接的上方
a:active	链接被点击的时刻

1.a:link  ：未被访问的链接

今天学到一点就是当使用a:link时，变换颜色却不起作用，后来查找资料说记忆Cookies的原因，结果清除后果然显示出想要变换的颜色

还有要补充一点的是a标签这些伪类的执行顺序：link--visited--hover-active，也就是我们常说到的LoVe HAte原则，即“爱恨原则”。

在W3C规范中，规定了链接声明顺序：

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

2.a:visited ：用户已访问的链接

测试时需要看其效果，一定要去清理历史数据，不然显示结果有偏差。

3.a:hover ：鼠标指针位于链接的上方

对于无href属性的a元素来说，这四种效果都不起作用。

4.a:active ：链接被点击的时刻

 

记住：一定要严格遵循正确的执行顺序