Question

我有css如下，并希望有一个效果的作品，访问后，粗体字似乎是正常的重量。 a：访问了字体颜色，但不适用于font-weight。我尝试使用p-tag也不起作用。我需要这个标签才能使用h-tag。

a:link h2{
    color: #FF0000;
    text-decoration:none;
    font-weight:bold;
}

 a:visited h2{
     color: #00FF00;
     font-weight:normal;
}

a:hover h2{
    color: #FF00FF;
    text-decoration:underline;
}

a:active h2{
    color: #0000FF;
}

有没有人可以帮忙解决这个问题？谢谢。 trying in plunker here now

Answer 1

如上所述：

https://stackoverflow.com/a/8331950/3739658

这是一项安全功能。 :visited伪类的功能在许多现代浏览器（FF，IE9 +，Chrome）中受到限制，以防止CSS漏洞利用。

此问题没有解决方法。你可以使一些链接更长，也许不同的字体使它们看起来更大胆但除此之外，答案是否定的。

Answer 2

正如我在MDN（Mozilla Developer Network）中检查过的那样，Visited选择器只接受一些CSS属性。

只有以下属性可以应用于访问过的链接：

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

此外，即使您可以为访问过的链接设置的属性，您也无法更改未访问链接和访问过的链接之间的透明度，因为您可以使用rgba（）或hsla（）颜色值或透明关键字。

Additional Information About :Visited Selector

在访问h2后设置font-weight为正常

2 个答案: