link,visited,hover,active顺序

在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。
a:link {color: #FF0000}		/* 未访问的链接 */
a:visited {color: #00FF00}	/* 已访问的链接 */
a:hover {color: #FF00FF}	/* 鼠标移动到链接上 */
a:active {color: #0000FF}	/* 选定的链接 */
提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。
提示:伪类名称对大小写不敏感。

要点:后定义的样式,会后编译,比如,鼠标移到tag上面,会显示一个样式,点击tag时会覆盖移动到tag上面的样式。所以才会有这样的顺序,也可以这样记顺序。

猜你喜欢

转载自blog.csdn.net/qq_38340601/article/details/80376267