css - 如何禁用级联选项？

Question

我有所有 div 的 css 选项

div {
  background: blue;
}

我怎样才能使 ID 为 myDiv 的 div 不继承除 #myDiv 之外的任何 css 选项。

Answer 1

你不能，这就是它们被称为层叠样式表的原因。

在这种情况下，最常见的解决方案是用另一条规则覆盖 #myDiv 上的 background 属性。

在此特定情况下，您可以选择使用 CSS3 :not伪类，如 div:not(#myDiv) { background: blue }，但你必须考虑 browser compatibility (摘要:适用于除 IE < 9 以外的所有内容)所以我认为这还不是一个实用的选择。