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已经有a的规则，你需要更具体。

• tag 1 point
• 10级积分
• id 100 point

你可以通过这种方式知道哪一个更具体。