忽略上的特定控制

我有一個複選框input控制CSS聲明和我有一個CSS文件，該文件包括以下聲明：忽略上的特定控制

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

我想此CSS被應用於任何複選框input元件除了一個。我怎麼能忽略這個CSS控制規則（display:none;）？

來源

2014-11-24 Ortal Blumenfeld Lagziel

您不能忽略*忽略*。你只能讓它重寫*。或者你可以*修改*（如果這是一個選項），以便它不適用於特定元素。在這兩種情況下，答案取決於如何識別要排除的元素。所以這幾乎是一個「你不清楚你問的問題」的問題，但現在有好的替代答案。請注意，他們部分回答了不同的問題，因爲問題不明確。 – 2014-11-24 16:46:26

您需要做的就是定位該特定複選框，併爲其指定display的initial。

您沒有提供任何HTML，所以我將不得不做出了一個通用的例子：

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

 
input[type="checkbox"].bar { 
 
    display: initial; 
 
}

<input type="checkbox" class="foo" /> 
 
<input type="checkbox" class="bar" /> 
 
<input type="checkbox" class="baz" />

來源

2014-11-24 14:59:37

只需使用一個類來添加這個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

來源

2014-11-24 15:04:02

'.yourClass input [type =「checkbox」]'選擇''.yourClass''的''**'** **'輸入[type =「複選框」]。您需要爲您提供的示例使用'input [type =「checkbox」]。yourClass'。 – 2014-11-24 15:04:58

是的，但是如果我在這個CSS文件中有更多的CSS ruls，我不想改變它，我可以只添加到這個特定的控制規則，我不能從它的css文件繼承 – 2014-11-24 15:17:04

你可以簡單地這樣做：

input[type="checkbox"]:not(.this_one) { 
    display: none; 
}

注：與要免除一個的ID或類替換this_one（省略）

See working example here

來源

2014-11-24 15:08:17

你可以通過其他的解決方案看，有很多方法完成你想要的。另一種方法是通過覆蓋元素內的樣式來使用級聯樣式表的「級聯」方面：

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

<input type="checkbox" /> 
<input type="checkbox" /> 
<input type="checkbox" style="display:initial" />

來源

2014-11-24 15:14:34

忽略上的特定控制

回答

相關問題