gpt4 book ai didi

html - 为什么伪类:visited doesn't work properly like font-size or text-shadow doesn't work at all but color works

转载 作者:太空宇宙 更新时间:2023-11-04 07:32:12 27 4
gpt4 key购买 nike

color 属性正常工作,但其他两个属性(font-size 和 text-shadow)不起作用。当链接被访问时,它的字体大小应该减小到 20 px 并且应用 text-shadow 属性,但它没有

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
/* unvisited link */

a{
font-size: 30px;
}

a:link {
color: red;
}
/* visited link */

a:visited {
color:orange;
font-size: 20px;
text-shadow: 5px 5px 5px orange;
}
/* mouse over link */

a:hover {
color:hotpink;
font-size: 20px;
text-shadow: 5px 5px 5px hotpink;
}
/* selected link */

a:active {
color: blue;
}
</style>
</head>

<body>
<a class="stack" href="https://stackoverflow.com/">stackoverflow</a>
</body>

</html>

最佳答案

新版浏览器不支持

原因是隐私。

如果您能够通过访问状态影响 css 样式,您就可以使用 javascript 来推断那个人在哪里。然后,营销脚本可以在您的文档中放置大量屏幕外链接,然后迭代它们以评估您是否在 amazon.com、mcdonalds.com、pornhub.com、mylittlepony.com、facebook.com 等网站上。并将广告修改为您最常访问的网站。

这就是标准限制样式更改和读取 :visited 属性的原因。

该颜色适用于可见性方面,但是当您尝试通过 javascript 访问该颜色时,您将获得返回的默认颜色,就好像它没有被访问过一样。

$('a').each(function(index,elem) {
$el = $(elem);
console.log($el.text(),$el.css('color'),"red = 0, green = 0, blue = 255 ");
})
a {
color: blue;
}
a:visited {
color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="https://stackoverflow.com">stackoverflow.com</a>
<a href="https://theanswertotheuniverselifeandeverythingis.com">unvisited I hope</a>

即使使用 html Canvas 屏幕截图技术,您也无法获取哪些 url 已通过像素采样访问过。它还将呈现为未访问。

Example of visited links rendering default

他们非常重视隐私保护。

关于html - 为什么伪类:visited doesn't work properly like font-size or text-shadow doesn't work at all but color works,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49277477/

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