忽略特定控件上的CSS声明

忽略特定控件上的CSS声明,css,html,Css,Html,我有一个复选框input控件,还有一个CSS文件,其中包含以下声明: input[type=“checkbox”]{ 显示:无; } 我希望此CSS应用于除一个之外的任何复选框input元素。我怎么能在我的一个控件上忽略这个CSS规则(display:none;)呢?你所需要做的就是针对这个特定的复选框,给它一个显示的初始值 您尚未提供任何HTML,因此我将不得不编写一个通用示例: input[type=“checkbox”]{ 显示:无; } 输入[type=“checkbox”].bar

我有一个复选框
input
控件,还有一个CSS文件,其中包含以下声明:

input[type=“checkbox”]{
显示:无;
}

我希望此CSS应用于除一个之外的任何复选框
input
元素。我怎么能在我的一个控件上忽略这个CSS规则(
display:none;
)呢?

你所需要做的就是针对这个特定的复选框,给它一个
显示
初始值

您尚未提供任何HTML,因此我将不得不编写一个通用示例:

input[type=“checkbox”]{
显示:无;
}
输入[type=“checkbox”].bar{
显示:首字母;
}

您所需要做的就是针对该特定复选框,并为其显示
初始值

您尚未提供任何HTML,因此我将不得不编写一个通用示例:

input[type=“checkbox”]{
显示:无;
}
输入[type=“checkbox”].bar{
显示:首字母;
}

只需使用一个类来添加这个css属性(可能还有其他属性),并省略所需元素的类

input[type="checkbox"].yourClass 
{
    display:none;
}

  <input type="checkbox" name="vehicle" value="Bike" class = "yourClass"> I have a bike
  <input type="checkbox" name="vehicle" value="Bike" class = "yourClass"> I have a bike
  <input type="checkbox" name="vehicle" value="Bike"> The one without the class
输入[type=“checkbox”]。yourClass
{
显示:无;
}
我有一辆自行车
我有一辆自行车
没有上课的那个

只需使用一个类来添加这个css属性(可能还有其他属性),并省略所需元素的类

input[type="checkbox"].yourClass 
{
    display:none;
}

  <input type="checkbox" name="vehicle" value="Bike" class = "yourClass"> I have a bike
  <input type="checkbox" name="vehicle" value="Bike" class = "yourClass"> I have a bike
  <input type="checkbox" name="vehicle" value="Bike"> The one without the class
输入[type=“checkbox”]。yourClass
{
显示:无;
}
我有一辆自行车
我有一辆自行车
没有上课的那个

您可以简单地执行以下操作:

input[type="checkbox"]:not(.this_one) {
  display: none;
}
注意:用您想要豁免的ID或类别替换此项(省略)


您可以简单地执行以下操作:

input[type="checkbox"]:not(.this_one) {
  display: none;
}
注意:用您想要豁免的ID或类别替换此项(省略)


从其他解决方案中可以看出,有许多方法可以实现您的目标。另一种方法是通过覆盖元素中的样式来使用级联样式表的“级联”方面:

input[type="checkbox"] {
  display: none;
}

<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" style="display:initial" />
input[type=“checkbox”]{
显示:无;
}

从其他解决方案中可以看出,有许多方法可以实现您的目标。另一种方法是通过覆盖元素中的样式来使用级联样式表的“级联”方面:

input[type="checkbox"] {
  display: none;
}

<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" style="display:initial" />
input[type=“checkbox”]{
显示:无;
}

.yourClass input[type=“checkbox”]
选择
输入[type=“checkbox”]
子类。您需要使用
输入[type=“checkbox”]。yourClass
作为您提供的示例。是的,但是如果我在这个CSS文件中有多个CSS规则,并且我不想更改它,我可以添加到这个特定的控制规则中,使我不能从CSS文件继承
。yourClass输入[type=“checkbox”]
选择
输入[type=“checkbox”]
您的类的子类
。您需要使用
输入[type=“checkbox”].yourClass
对于您提供的示例。是的,但是如果我在这个CSS文件中有多个CSS规则,并且我不想更改它,我可以添加到这个特定的控制规则中,使我不能从CSS文件继承它吗?您不能忽略它。您只能覆盖它。或者您可以修改(如果这是一个选项)在这两种情况下,答案都取决于如何识别被排除的元素。因此这几乎是“不清楚你在问什么”问题,但现在有很好的替代答案。请注意,它们部分回答了不同的问题,因为该问题是不明确的。您不能忽略它。您只能将其覆盖。或者您可以修改(如果这是一个选项)这两种情况下,答案都取决于如何识别被排除的元素。因此,这几乎是一个“不清楚你在问什么”的问题,但现在有了很好的替代答案。请注意,它们部分回答了不同的问题,因为问题是模糊的。