gpt4 book ai didi

html - 文本装饰不适用于访问状态链接

转载 作者:太空宇宙 更新时间:2023-11-03 20:10:26 25 4
gpt4 key购买 nike

我是 CSS 的新手,正在尝试了解链接如何因状态更改而被修改。在我的场景中,当链接处于visited 状态时,我想将text-decoration 更改为line-through。但是,无论是 Mozilla 还是 Chrome 浏览器,文本内容的 text-decoration 都没有用 line-through 更新当链接处于已访问状态时,如下图。我哪里做错了?

请注意,当链接状态更改为已访问text-decoration保持不变时,颜色会更新(变为绿色)(参见演示#1) ;

注意:Mozilla 有一个关于同一问题的错误报告:Mozilla Bug #645786和错误报告。 tag.class:state selector (a.:visited) 的问题也重现(参见Demo #2)

演示#1

<!DOCTYPE html>
<html>
<head>
<style>
a:link {
color: red;
text-decoration: none;
}

a:visited {
color: green;
text-decoration: line-through;
}

a:hover {
color: blue;
}

a:active {
color: yellow;
}
</style>
</head>
<body>
<p>
<b>
<a href="http://google.com" target="_blank">This is a link</a>
</b>
</p>
</body>
</html>

Demo #2 --Selector With Class

<!DOCTYPE html>
<html>
<head>
<style>
a.linkClass:link {
color: red;
text-decoration: none;
}

a.linkClass:visited {
color: green;
text-decoration: line-through;
}

a.linkClass:hover {
color: blue;
}

a.linkClass:active {
color: yellow;
}
</style>
</head>
<body>
<p>
<b>
<a class="linkClass" href="http://google.com" target="_blank">This is a link</a>
</b>
</p>
</body>
</html>

最佳答案

对已访问链接的样式设置有限制;

Limits to visited link styles

You will still be able to visually style visited links, but there are now limits on what styles you can use. Only the following properties can be applied to visited links:

color
background-color
border-color (and its sub-properties)
outline-color
The color parts of the fill and stroke properties

Privacy and the :visited selector

text-decoration 由于用户隐私问题,不允许使用样式。

关于html - 文本装饰不适用于访问状态链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35031032/

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