首页 > 代码库 > 关于超链接的四个伪类的一个问题(顺序问题)
关于超链接的四个伪类的一个问题(顺序问题)
在使用超链接的伪类的时候,要使用如下顺序,否则其中的某些效果将会没有效果
【注释:link和visited的顺序无所谓】
a:link 设置a对象在未被访问前的样式表属性。
a:visited 设置a对象在其链接地址已被访问过时的样式表属性。
a:hover 设置对象在其鼠标悬停时的样式表属性。
a:active 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。
原因是:浏览器解释CSS时遵循的“就近原则”。
当几种情况冲突的时候,哪个在最下面哪个优先级就是最高的。
关于这四个伪类的发生时间及相互冲突的情况如下(自己悟出来的)
① link 和 visited是互斥的,不可能同时发生,所以这两个的顺序彼此不影响
② hover 范围中等。它发生时【link或者visited中的一个】必在发生
③ active 是范围最小的,它发生时hover和【link或者visited中的一个】必在发生
为保证不冲突,范围最小的写在最下面,以保证能够优先被浏览器解释。
关于超链接的四个伪类的一个问题(顺序问题)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。