gpt4 book ai didi

css - 为什么某些 CSS 属性未应用于 :visited?

转载 作者:技术小花猫 更新时间:2023-10-29 10:22:43 24 4
gpt4 key购买 nike

<分区>

我有一些我们网站的链接样式,CSS如下:

a:link {
font-family: Verdana, Tahoma, Geneva, sans-serif;
text-decoration: none;
color: #0676b3;
}

a:visited {
color: #666;
text-decoration: underline;
}

a:hover {
color: #fff;
background: #A5C2DB;
border-radius: .1875em;
padding: 0 .1875em;
}

这是一个jsfiddle展示它们在不同状态下应该的样子:

a {
display: inline-block;
margin: 10px;
}
/* these styles are for presentation of the link states they are NOT the styles in my stylesheet*/

a.link {
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-size: .875em;
text-decoration: none;
color: #0676b3;
}
a.visited {
color: #666;
text-decoration: underline;
}
a.hover {
color: #fff;
background: #A5C2DB;
border-radius: 0.1875em;
padding: 0 0.1875em;
}
<a class="link">Regular Link</a>
<br />
<a class="visited">Visited Link</a>
<br />
<a class="hover">Hovered Link</a>

:link = 蓝色文字无修饰

:visited = 带下划线的灰色文本

:hover = 浅蓝色背景的白色文本

:link:hover 工作正常,但由于某些原因 :visited 状态拒绝显示下划线。在使用 Firebug 或检查器的 Chrome 和 Firefox 中,我可以看到正在运行的 :visited 样式并且文本是灰色的,只是它拒绝了 underline 状态。

对我做错了什么有什么想法吗?

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com