忽略特定控件上的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文件继承它吗?您不能忽略它。您只能覆盖它。或者您可以修改(如果这是一个选项)在这两种情况下,答案都取决于如何识别被排除的元素。因此这几乎是“不清楚你在问什么”问题,但现在有很好的替代答案。请注意,它们部分回答了不同的问题,因为该问题是不明确的。您不能忽略它。您只能将其覆盖。或者您可以修改(如果这是一个选项)这两种情况下,答案都取决于如何识别被排除的元素。因此,这几乎是一个“不清楚你在问什么”的问题,但现在有了很好的替代答案。请注意,它们部分回答了不同的问题,因为问题是模糊的。