如何在访问的css中更改字体大小？

Question

在我的应用程序中，我需要更改访问过的链接的字体大小。我正在做的是

a:visited { 
    color: pink;
    font-size:12px;
}

但只有颜色变了。为什么字体大小不变？

Answer 1

:visited

的限制

:visited伪选择器有some limitations关于它可以定位的属性，遗憾的是font-size不是其中之一：

可接受的属性

如上所示，可以定位的唯一可接受的样式是：

• color
• background-color
• border-color
• border-{bottom,left,right,top}-color
• outline-color
• column-rule-color

这是出于安全/隐私原因而做的，不太可能很快改变。如果你真的必须实现这个，你可能需要使用一些Javascript来明确设置访问过的标签的大小。

Answer 2

由于安全问题，浏览器限制了可以为：访问过的链接设置的样式。

允许的样式是：

• 颜色
• 背景颜色
• border-color（和不同边的边框颜色）
• 轮廓颜色
• 列规则色
• 填充和描边的颜色部分

所有其他样式都继承自：link。

Answer 3

您只能更改任何颜色的已访问（：已访问）链接，但不能更改大小。您只能更改“NOT”访问链接

的链接{font-size：150％}的大小

Answer 4

因此所有其他答案都证明，使用纯CSS无法做到这一点。所以JavaScript需要救援。

https://jsfiddle.net/dustinpoissant/708fwntf/

$(function(){
  $("a").each(function(index, link){
    var $link = $(link);
    console.log($link.css("color"));
    if($link.css("color") == "rgb(0, 0, 238)"){
      $link.addClass("visited");
    }
  })
});

a:visited { 
    color: pink;
}
a.visited {
  font-size: 26px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#">Test</a>