a标签的常见样式

Posted 2020-12-19 mr-wuxiansheng

在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。分别如下设置：

　　a:link {color: red} /* 未访问的链接 */
　　a:visited {color: green} /* 已访问的链接 */
　　a:hover {color: black} /* 鼠标移动到链接上 */
　　a:active {color: yellow} /* 选定的链接，即鼠标按下去的时候不松开显示的状态 */

 

注意：有时候我们发现设置了上面的属性但是没有效果，这是因为他们是有顺序的

1、a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。

2、a:active 必须被置于 a:hover 之后，才是有效的。

总结来说就是 link、visited、hover、active。实际编写当中我们很容易不按顺序来写，这里需要特别注意