I wanted to change the color and font size of the link after the link has been clicked and wrote the following code:
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
a:visited {
color: green;
font-size: 300px;
}
</style>
</head>
<body>
<a href="http://www.163.com" target="_blank">163</a>
</body>
The color changes but the font-size doesn't. Why?
答案 0 :(得分：0)
取自MDN
注意：出于隐私原因，浏览器严格限制您可以使用的样式 使用此伪类选择的元素进行应用：仅颜色， 背景色，边框色，边框底色， border-left-color，border-right-color，border-top-color， outline-color，column-rule-color，fill和stroke。还请注意 alpha组件将被忽略：alpha组件 改为使用未访问的规则（不透明度为0时，in 那种情况下整个颜色被忽略了，而一个未被访问过 使用规则。）
虽然颜色可以改变，但getComputedStyle方法会有所不同 并始终返回未访问颜色的值。
有关限制及其动机的更多信息， 请参阅隐私和：访问选择器。
出于隐私原因。
答案 1 :(得分：0)
字体大小：访问过并不适用于所有现代浏览器，但颜色应该可以。这是故意的。
通常，所有颜色都可以使用，背景颜色，颜色，边框颜色等。
答案 2 :(得分：0)
您无法使用css：visited更改字体大小。它有一个限制，限制是
您可以使用具有更大字体大小的样式的javascript将类添加到访问过的链接。
javascript解决方案https://jsfiddle.net/murtoza/2knq5uev/7/
$(document).ready(function(){
$("a").click(function(){
$(this).addClass("visited");
});
});
a.visited {
color: green;
font-size: 300px;
}