CSS !important 规则使用，特异性

Question

我正在编写一堆 PHP 类，它们将用于创建 Wordpress 插件，但也可以在任何其他环境中使用。在自己测试我的脚本之后，一切似乎都很好，但是当我为它创建一个 WP 插件时，出现了我预见到的 CSS 冲突。我最初计划使用特异性来解决这些问题，但并非总是如此。这是默认的 WP 主题:

#content tr td {
    border-top: 1px solid #E7E7E7;
    padding: 6px 24px;
}

如果我尝试指定一个没有填充的 td，它将无法工作，除非我向我的表添加一个 ID，而不是一个类。我见过一些流行的插件，它们在每个 CSS 属性上实现了 !important 规则，而不是使用 ID 来实现特定性。哪个最好？我知道应该谨慎使用 !important 规则，但是向我的表添加一个 ID 似乎违背了语义，因为该表将有多个具有相同 ID 的实例:

The ID attribute of a document language allows authors to assign an identifier to one element instance in the document tree.

http://www.w3.org/TR/CSS2/selector.html#id-selectors

编辑:另一种方法可能是将所有内容都包装在带有 ID 的 div 中，但如果存在规则#content #main td 或类似规则，它仍将支配我的#someid td。此外，如下所述，让两个元素共享同一 ID 是无效的，尽管它可能“有效”。

Answer 1

正如我在评论中所说，您可以在选择器中包含 #content 规则以及一个类来覆盖原始样式if # content 是包装器元素(它应该是，因为如果将它添加到所有表格元素中，那么将没有任何方法可以将多个表格添加到 WordPress 帖子中，这将是......很奇怪)。

无论如何，如果您必须在向多个元素添加 id 和在您的属性上使用 !important 之间做出选择，我会使用!important 的原因很简单，虽然 !important 可能会使您的样式表无法维护，但添加多个 id 也可能会破坏页面上使用的任何 JavaScript ，并且不能保证所有浏览器中的 id 选择器实现都可以容纳具有相同 id 的多个元素，因此后果更严重。

基本上，是在一种高度不推荐但在其他方面有效的做法和无效的、未定义的行为之间进行选择。