Question

HTML：

<div id="content">
<p> some text </p>
<a href="#"> some link aaa </a>
<a href="#"> some other link bbb</a>
</div>

css：

#content a 
{
color: #red;
text-decoration: underline;
}

.blue { color: #blue; }

我喜欢用css设置“其他链接bbb”的样式。但我喜欢另一种颜色的链接。我尝试添加类，但没有运气..它被a

覆盖

我应该怎么做？

为什么？

Answer 1

这是一个特殊性问题。尝试将.blue更改为#content a.blue

Answer 2

你有一个CSS特异性问题。 HTML Dog上有a good tutorial。

来自文章：

一组嵌套选择器的实际特异性需要一些计算。基本上，你给每个id选择器（“#whatever”）a 值为100，每个类选择器（“.whatever”）的值为10和每个HTML选择器（“无论什么”）值为1.然后将它们全部添加起来，嘿presto，你有特殊的价值。

Answer 3

更改

.blue { color: blue; }

到

#content a.blue { color: blue; }

编辑：id正在阻止它。 id优先。
此外，＃无效。

Answer 4

<div id="content">
<p> some text </p>
<a href="#" class="f"> some link aaa </a>
<a href="#" class="f2"> some other link bbb</a>
</div>

#content a.f
    {
    color: red;
    text-decoration: underline;
    }

    #content a.f2 
    {
    color: black;
    text-decoration: underline;
    }

风格<a> link one time different style</a>

4 个答案: