Question

我有两种链接，一种应该是白色，其他链接应该是黑色。因此我在第一个导航中添加了一个类

<nav class="navigation">
        <a href="#about" onclick="openAbout()" class="nav">Über mich</a>
</nav>

在CSS中我现在做了这个

.navigation
{
    float:right;
    margin-top:15pt;

}

.navigation a, a:visited, a:active{
    color:white;
    text-decoration:none;
    margin-left:20px;
}

.navigation a:hover
{
    color:white;
    text-decoration:underline;
    text-decoration-color: red;
    margin-left:20px;
}

现在我有其他链接应该以黑色显示而不是白色

<b>Source Code runterladen:</b> <a href="http://theo-tzaferis.de/projectCode/assmash.zip" class="sourceCode">Link</a>

请注意，导航代码中的此链接不是。所以我在CSS中做了这个

.sourceCode a, .sourceCode a:hover, .sourceCode a:visited, .sourceCode a:active
{
    color:black;
}

但问题是两个链接都是白色或黑色。我希望它们不同，但它不起作用，我不知道为什么。

这是完整的源代码

http://jsfiddle.net/bVN9X/

请注意，标题中的链接为白色，但“Projekte”下的链接也是白色。我真的不知道为什么。

Answer 1

您的选择器必须以这种方式定义：

a.sourceCode

因为您现在拥有它的方式，它正在a类内找到sourceCode标记。

Answer 2

你应该改变你的css，如下所示：

a.sourceCode, a.sourceCode:hover, a.sourceCode:visited, a.sourceCode:active
{
    color:black;
}

CSS - 不同的类但链接颜色不会改变

2 个答案: