我在 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;
}
所以我希望链接的文本是黑色的,除非用户将鼠标悬停在它上面,在这种情况下它是蓝色的。
然而,事实并非如此。悬停仍然是正确的,但这是我在没有悬停的情况下看到的:
出于某种原因,css 文件中的格式被忽略了,并且正在使用链接的默认值。
普通格式仅a.type1:hover
在其他所有内容之前才有效,但该格式不适用于悬停。