CSS：如何隱藏沒有其他類或ID的類？

例如：

<td class="ss_label ss_class">Hello</td> 
<td class="ss_label">World!</td>

我這個情況下，我想display:none第二個。

此作品：$('[class="ss_label"]').hide();但我不想使用Javascript或任何庫，如jQuery。只是純粹的CSS。

在現實生活中的例子，我想隱藏的td是第六和第七。

來源

2011-11-24 jQuerybeast

您可以使用attribute selector從jQuery的的CSS，以及：

td[class="ss_label"] { display: none }

這將與<td>元素，其類別屬性正是「ss_label」沒有其他附加內容。適用於除IE6之外的所有主流瀏覽器（如果您認爲它是主要瀏覽器）。

來源

2011-11-24 21:13:23 animuson

你可以這樣做：

.ss_label { display: none } 
.ss_label.ss_class { display: table-cell }

對於這種特殊情況下。

據我所知，沒有通用的解決方案。

來源

2011-11-24 21:10:35

儘管這是問的問題的正確答案，我懷疑這是他確實想知道：P我的意思是，這是基本的CSS，沒有基本的不甚至削減它.... – Breezer

@Breezer，我明確地說，「據我所知，沒有一般的解決方案。」 –

<style type="text/css"> 
.ss_label { 
display:none; 
} 
.ss_label.ss_class { 
display:block; 
} 
</style>

最後一條規則覆蓋的第一個

來源

2011-11-24 21:13:16 Cyclonecode

也許你可以使用屬性選擇器（在Safari作品）

<html> 
    <head> 
    <style> 
     div.hide { color: green } 
     div[class=hide] { display: none } 
    </style> 
    </head> 
    <body> 
    <div class="hide">Hide me</div> 
    <div class="no hide">Don't hide me</div> 
    </body> 
</html>

來源

2011-11-24 21:20:22

CSS：如何隱藏沒有其他類或ID的類？

回答

相關問題