Question

我有一个非常困难的时间：链接和：访问我的链接工作。我一直在网上搜索几个小时，并阅读了20个相同问题的不同实例。奇怪的是，：悬停和：活跃正在发挥作用。发生了什么事？

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

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参数？感谢

Answer 1

你的代码需要有点整理，但这就是我要做的事情（编辑我从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类具有相同的属性，因此您可以在a.artlinks（font-family，text-decoration）中定义一次。然后可以为其他元素定义：hover，：active等。

CSS：链接和：访问不起作用

1 个答案: