html中，<a> 标签的点击事件有四个状态，分别是link、visited、hover、active，如果同时设置多个状态的显示且不按照一定状态的话，就会让一些效果被覆盖了。
如果先设置hover，再设置visited，会发现当鼠标移上去后a的颜色还是白色（#fff），而不是想要的#f0a986，即a的hover的样式被visited的覆盖了。
正确的的顺序应该是：
link→visited→hover→active
a:link：未访问时的样式，一般省略成a
a:visited：已经访问后的样式
a:hover：鼠标移上去时的样式
a:active：鼠标按下时的样式
在下面代码中我们给a标签设置了hover和visited ，我们在点击之后hover事件失效 a:link：未访问...
:link :link 只能用于 a 标签，并且标签带有 href 属性时，才会匹配到。 :visited 当点击...
:link、:hover、:active和:visited的区别？ :link表示鼠标点击之前，也称为原始状态:h...
css a标签的样式修改： （1）a标签又四种状态： a:link -未被访问的链接 a:visited -已访问...
1.有状态 修改a标签不同状态的样式 a:link{} 修改从未被访问过状态下的样式 a:visited{} 修改...
a标签的伪类选择器(用来修改a标签的不同状态的样式的) 格式 :link(从未被访问过) :visited(被访问...
关于伪类选择器 a标签的伪类选择器顺序：a:link->a:visited(点击后的样式)->a:hover(鼠标...
改变a标签css属性的排列顺序：link > visited > hover > active。
常用于a和input标签 例a:link{ color: blue;}a:visited{ color: ...
本文标题：html中a标签点击状态失效（覆盖）——link,visited
本文链接：https://www.haomeiwen.com/subject/ioutphtx.html
网友评论