0

我的标题中有两个来自“menu_top”类的链接，因此：

<a class="menu_top" href="adverteerders.html"  >adverteerders</a>
<a class="menu_top" href="ondernemers.html"  >ondernemers</a>

对应的css代码为：

.menu_top {
    font-size: 14px; 
}
.menu_top:link {color: #404040;}
.menu_top:hover {color: #CC0033;}
.menu_top:visited {color: #404040;}

当我执行此代码并将鼠标悬停在“广告商”上时，颜色不会改变。当我将鼠标悬停在“ondernemers”上时，奇怪的是它确实发生了变化。所以我所做的就是复制了 ondernemers 的确切代码，然后它似乎又可以工作了。现在，当我将“ondernemers”重写为“adverteerders”时，它就不再起作用了。但是，当我键入 oadverteerders.html 时，悬停就可以了。

这到底是怎么回事？

4

1 回答 1

1

CSS 选择器的顺序很重要。当一个元素匹配多个具有相同特性的 CSS 选择器时，后面定义的选择器会覆盖前面的选择器。

所以如果你在:visited伪类之后使用:hover伪类，那么:visited样式将优先于:hover样式，在它们冲突的地方覆盖它们。

这就是为什么您通常:hover要:active在:visited.

于 2013-03-15T17:40:34.727 回答