css類不應用樣式，但id正在應用樣式？

Question

我的HTML設置如下

<div>
    <ul>
        <li></li>
    </ul>
    <ul>
        <li>
            <a class="nodecoration"></a>
        </li>
    </ul>
</div>

CSS：

.nodecoration {
    text-decoration:none;
}

當我將錨標記更改為<a id="nodecoration"></a>並將CSS更改為：

#nodecoration {
    text-decoration:none;
}

元素現在樣式。 為什么是這樣？

旁注：我也在使用Twitter Bootstrap，是干擾的CSS嗎？

Answer 1

這表明另一種樣式規則優先於該規則。 您可能希望通過使用應該增加其優先級的a.nodecoration來使該規則更具體。

僅供參考，像firebug for Firefox這樣的工具會告訴你哪些規則具有更高的優先級。

Answer 2

bootstrap已經有了規則，你需要更具體。

• 標記1點
• 10分
• id 100點

你可以用這種方式知道哪一個更具體。