关于超链接a的四个伪类的顺序问题

您所在的位置:网站首页 超链接伪类有哪些 关于超链接a的四个伪类的顺序问题

关于超链接a的四个伪类的顺序问题

2024-07-15 07:30| 来源: 网络整理| 查看: 265

a的四个伪类 link:代表打开页面超链接的原始状态 visited:链接被访问过后的状态 hover:鼠标悬停在超链接上的状态 active:当鼠标被按下去的状态 代码及解释如图所示: 在这里插入图片描述 四个伪类的顺序很重要,按照css规则,同一个元素的选择器,后面的样式覆盖前面的,link和visited的顺序可以随意一点。 但也要在前面。 visited要放在hover前面,如果hover在visited的前面,并且visited已经被访问过,则当鼠标再次悬停的时候, visited的颜色会覆盖hover的颜色,不能看到颜色变化,同理,active也应该放到visited后面 再看hover和active,触发active前会先触发hover,如果active在前,不管如何,hover的颜色会覆盖active的颜色 所以正确的顺序应该是代码中的那样。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3