3

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

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

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

文档语言的 ID 属性允许作者为文档树中的一个元素实例分配一个标识符。

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

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

4

1 回答 1

3

正如我在评论中所说，你可以#content在你的选择器中包含规则和一个类来覆盖原始样式if #content是包装器元素（它应该是，因为 if 被添加到所有表格元素中而不是以任何方式向 WordPress 帖子添加多个表格，这将是......奇怪）。

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

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

于 2011-02-26T08:59:58.090 回答