CSS不适用于具有相同类的每个链接

Question

我有以下代码：

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;
}

技术上应该为每个具有“导航”类的链接提供属性。但事实并非如此。只有第一个链接才能获得属性。我不知道他们是否获得任何财产，但至少只有第一个获得了border-radius属性。

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

每个链接在悬停时都应如下所示

但第二，第三和第四看起来像这样

Answer 1

你写错了你的选择器。伪选择器必须在课后，如

a.navigation:hover

作为the spec says，

  

一个伪元素可以附加到a中的最后一个简单选择器   链，在这种情况下，样式信息适用于子部分   每个科目。