Html CSS赢得'；I don’我不能在同一个类的每个链接上工作

我有以下代码：

a.navigation, a:active.navigation, a:visited.navigation {
    font-weight: bold;
    text-decoration: none;
    background-color: transparent;
    color: #fff;
    padding: 2px 4px 0px 6px;
    margin-right: 5px;
}
a:hover.navigation {
    font-weight: bold;
    text-decoration: none;
    background-color: #c53838;
    color: #fff;
    border-radius: 2px;
}

从技术上讲，它应该为每个具有“导航”类的链接提供属性。但事实并非如此。只有第一个链接才能获得属性。我不知道他们是否没有得到任何属性，但至少只有第一个得到边界半径属性

HTML如下所示：

<a href="index.html" class="navigation">Startseite</a>
<a href="lexikon.html" class="navigation">Lexikon</a>
<a href="historie.html" class="navigation">Historie</a>
and more

还有更多

悬停时，每个链接都应该是这样

但是第二、第三和第四个看起来像这样

---

您的选择器写错了。伪选择器必须位于类之后，如中所示

a.navigation:hover

作为

可以将一个伪元素附加到 链，在这种情况下，样式信息应用于 每个科目

---

哦，好的。但这并不能解决问题。不过还是谢谢你的建议。你有实时链接吗？因为不能用你的问题代码重现：（CSS代码已经有了很小的改变——但基本上仍然是你发布的内容