css - CSS:link和:visited无法正常工作

我在获取：link和：visit来处理我的链接时遇到了一个非常困难的时期。我在网上搜索了几个小时，并阅读了同一问题的20多个不同实例。奇怪的是，：hover和：active正在工作。到底是怎么回事？

这是我的样式表中的代码行：

H1 { text-align: center; width:1000px; font-size: 30pt; font-weight: bold; }

a.artlinks:link {color:#40C0FF; text-decoration: none; font-family: Cambria, Arial; }

a.artlinks:visited { color:#FF00FF; text-decoration: none; font-family: Cambria, Arial; }

a.artlinks:hover {color:#98D7F6; text-decoration: none; font-family: Cambria, Arial; }

a.artlinks:active {color:#FF0000; text-decoration: none; font-family: Cambria, Arial; }

当我在.html中调用它时，代码是：

<h1><a href="helloworld.html" class="artlinks">Hello World!</a></h1>

是否有人可以同时提供通用a.artlinks参数的解决方案和更有效的方法？谢谢

最佳答案

您的代码需要进行一些整理，但这就是我要这样做的方式（出于演示目的，我从h1中删除了width属性）。

H1 {
    text-align: center;
    font-size: 30pt;
    font-weight: bold;
}

a.artlinks {
    text-decoration: none;
    font-family: Cambria, Arial;
    color:#40C0FF;
}

a.artlinks:visited {
    color:#FF00FF;
}

a.artlinks:hover {
    color:#98D7F6;
}

a.artlinks:active {
    color:#FF0000;
}

参见此jsfiddle：http://jsfiddle.net/lharby/zkb8thck/

由于类具有相同的属性，因此您可以在a.artlinks（字体系列，文本装饰）中定义一次。然后可以为：hover，：active等定义其他唯一的元素。

关于css - CSS:link和:visited无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28407231/