问题标签 [css-specificity]

我有一些滑动门按钮 css。我使用一个按钮标签和两个内部跨度。

我有这个来指定普通按钮的背景图像；

这是默认按钮颜色。然后我有一个“灰色”按钮（我给按钮一个“灰色”类）。

出于某种原因.. IE(8) 不喜欢这样，并忽略了保留原始图像作为背景的灰色 css。但是，以下“悬停”css 在 IE 中有效；

我认为'button.gray span'比'button span'具有更高的特异性（它在所有其他浏览器中都有）。

编辑：好的，所以我发现了问题。在我的 CSS 声明中，我有以下内容

如果我从声明列表中删除 button:disabled span，它可以工作！

我是 jquery 的新手。我的代码中有这个：

用CSS：

我在表格中有一个单元格

现在，每隔一行命令都超过了我的 class="coloron"。

如何在每隔一行着色的同时保持我的单元格独特的颜色？

我已经在一个网站上工作了几个月，很多时候当我试图编辑一些东西时，我不得不使用!important，例如：

以使其按预期显示。这是不好的做法吗？或者该!important命令可以使用吗？这会导致任何不受欢迎的事情发生吗？

我只是在为 Web 应用程序编写一个 javascript UI 对话框。问题是用户可以为 Web 应用程序创建自己的主题，其中可能包括元素 css 选择器（h1 {...}, div {...}等），它们会覆盖我的 UI 对话框的 css 格式。该对话框是一个通过类选择器格式化的 div 元素（id 不起作用，因为此对话框可能会出现多次）。有没有办法停止影响 UI 对话框的用户模板样式的元素选择器，而不必使用巨大的 css 重置样式并!important用于 UI 对话框的每种样式？UI 库如何像 jQuery UI 样式那样出现对话框？

例如，用户主题包括：

UI的CSS：

用户界面的html：

问题仍然是我必须为 .ui_modal_wrap 使用一个巨大的 css 休息，因为你不能真正编写用户可以应用的所有属性的 css（在这个例子中，height 和 width 元素仍然会破坏样式，因为 UI 不包括高度和宽度）。

我正在创建一个联系表格，该表格将包含在几个不同的网站上。

联系表单的样式和网站的样式都将包括在内，我无法很好地预测网站的样式。我希望联系表单的样式很容易被网站的样式推翻，但我不希望联系表单的样式被意外推翻。

例如，如果网站开发人员想要更改提交按钮的颜色，应该很容易做到，而无需使用!important或一些过于特定#id #id element .class #id element.class类型的选择器。

但是，另一方面，如果网站开发人员使用选择器来编写样式，input { background: yellow; }或者#site-wrapper input { background: yellow; }我不希望它推翻我引用类的联系表单样式，.contact_input { background: white; }

所以我的问题是，在这种情况下，最佳实践是什么？我正在考虑在我的表单上添加一个 ID 并将其添加到每个选择器中，这样我的选择器就会变成#contactform .contact_input { background: white; }，我认为这可以避免冲突，但我想知道是否有更好的方法来做到这一点，因为这在页面渲染方面似乎有点低效。也许这没什么大不了的，但我只是想我会把它扔在那里，看看人们怎么想。

我已经#checkout form.center使用了一个 CSS 选择器

我想专门为确认表覆盖它，但我尝试写的东西都没有得到应用。我应该认为#confirmation form.center或​​者某些东西应该取代第一条规则，但它甚至似乎没有达到目标。#confirmation被上面提到的选择器覆盖，因为它不是那么具体。

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

如果我尝试将 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 是无效的，尽管它可能“工作”。

如何根据 JS 函数中的 CSS 特性对一组 CSS 选择器进行排序？

因 CSS 有特异性问题而发疯。HTML。

.css

我遇到的问题是它继续使用 page_left css 而不是单独的 div css，这导致我的页面看起来很奇怪。

我的 HTML 是这样的：

我在外部样式表中使用像这样的“另一个”类为上面定义了一个样式。

我正在尝试使用'addAnother'类覆盖标签的样式，如下所示（在需要时）：

但我无法覆盖。任何帮助表示赞赏。

是否有任何规则在覆盖样式时选择器应该相同（我试过这个，但无济于事）？