html - 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 吗？

score 2 · Accepted Answer

这表明另一个样式规则优先于该规则。a.nodecoration您可能希望通过使用which 应该增加其优先级来使该规则更加具体。

仅供参考，Firefox 的 firebug 等工具会告诉您哪些规则具有更高的优先级。

score 1 · Accepted Answer

bootstrap 已经有规则，你需要更具体。

您可以通过这种方式计算以知道哪个更具体。

2 回答 2