格式化链接问题 - HTML / CSS

时间:2013-06-10 09:53:45

标签: html css hyperlink

我在格式化HTML上的链接方面遇到了问题。我有一个链接,定义如下:

<a href="#a1" class="scroll type1">Some text</a>

如您所见,该链接有两个类。 scroll类没有格式化:它只是点击链接时滚动页面的某些javascript代码行的标记。 type1类具有css格式。这是:

a.type1:link, a.type1:visited {
    color: #000000;
    text-decoration: none;
}
a.type1:hover {
    color: #4f8dd5;
    text-decoration: none;
}
a.type1:active {
    color: #000000;
    text-decoration: none;
}

所以我希望链接的文本是黑色的,除非用户将鼠标放在它上面,在这种情况下它是蓝色的。

然而,事实并非如此。悬停仍然是正确的,但这是我在没有悬停的情况下看到的:

enter image description here

由于某种原因,css文件中的格式被忽略,并且正在使用链接的默认值。

正常格式化仅在a.type1:hover优先于其他所有内容时有效,但在悬停时不应用该格式。

1 个答案:

答案 0 :(得分:1)

对不起大家......一条愚蠢的评论线搞砸了一切。但就像所有好的电脑一样,我忽略了这个评论。现在一切都很完美。 (该死的!只是因为对css文件的评论,我在这周围了很长时间......)