Html 停止为一个元素应用css选择器

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

input {
    color:red;
}

---

这将使每种类型的

的文本都变成红色，但我想在不更改此CSS规则的选择器或样式的情况下从中排除一个输入。元素应具有默认样式（页面上没有css时的样式）。

您可以使用not选择器。由于输入字段应具有名称，因此可以使用以下方法将其排除：

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

此方法在IE8和早期版本中不起作用。为了支持ie7和ie8，您可以使用属性选择器。在这种情况下，必须重置字段：

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

---

您可以使用not选择器。由于输入字段应具有名称，因此可以使用以下方法将其排除：

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

此方法在IE8和早期版本中不起作用。为了支持ie7和ie8，您可以使用属性选择器。在这种情况下，必须重置字段：

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

---

为另一个添加一个id，只为他应用它，并确保没有其他css会覆盖您选择使用的css

html：

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

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

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

选中此项：

---

注意：

！重要信息

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

！重要信息

将防止这种情况发生

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

html：

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

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

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

选中此项：

---

注意：

！重要信息

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

！重要信息

将防止这种情况发生

您必须覆盖这些样式或更改选择器以排除该元素。真的没有别的办法了。@Kuf:我不知道你的意思。怎么办？@Blender抱歉，我没听懂你的意思：）你必须覆盖那些样式或更改选择器以排除该元素。真的没有别的办法了。@Kuf:我不知道你的意思。怎么办？@Blender抱歉，我没听懂你的意思：）IE8和更早的版本不支持：not selector。我认为在2013年你的评论应该是你答案的一部分，而更早的版本不支持：not selector。我认为在2013年你的评论应该是你答案的一部分