html - 停止为一个元素应用 CSS 选择器

Question

我想阻止此 CSS 选择器应用于页面中的所有元素：

input {
    color:red;
}

这将使<input>每种类型的 s 的文本变为红色，但我想在不更改此 CSS 规则的选择器或样式的情况下从中排除一个输入。元素应该具有默认样式（当页面上没有 css 时的样式）。

score 4 · Accepted Answer

您可以使用 not 选择器。由于输入字段应该有一个名称，您可以使用以下方法排除它：

input:not([name="exludeme"]) { }

此方法不适用于 IE8 及更早版本。要同时支持 ie7 和 ie8，您可以使用属性选择器。在这种情况下，您必须重置该字段：

input[name="exludeme"] { /*add all your reset styles here*/ }

score 3 · Accepted Answer

为不同的人添加一个 id 并仅为他应用它，并确保没有其他 css 会覆盖您选择的 css 使用!important

html：

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box" id="diff"></div>

CSS：

div.box {
  background-color:red;
  width:50px;
  height:50px;
  position: relative;
}

#diff{
  background-color:black  !important ;
}

注意： !important是可选的，取决于文件中的选择器位置，但在可能被其他 css 规则覆盖的情况下（例如，如果有人更改 css 规则的顺序），它将停止正常工作，并!important阻止它正在发生。

2 回答 2