热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

a标签的4个伪类的排序

a标签的伪类排列顺序为::link→:visited→:hover→:active下面分析为什么要这么排列。(1)不论在什么情况下,链接激活时都应该有一个样式变化(:active

a标签的伪类排列顺序为::link→:visited→:hover→:active

下面分析为什么要这么排列。

(1)不论在什么情况下,链接激活时都应该有一个样式变化(:active),我们就把:active放在最后,防止该元素具备其它状态时,被其它状态的设置覆盖掉。

(2)当鼠标悬停时(:hover),不论是否访问过都应该有样式变化,也就是说这个效果应该能覆盖未被访问时(:link)和已访问过(:visited)两种状态。:hover应该放在倒数第二位。

(3)被访问过的链接(:visited)需要有不一样的样式,用来区别链接是否被访问过。也就是说:visited状态的属性可以覆盖掉:link状态的属性,即:visited要放在:link的后面。


推荐阅读
author-avatar
easonash_949
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有