CSS：如何隐藏没有其他类或 ID 的类？答案

【问题标题】：CSS: How can I hide a class which has no other class or ID?CSS：如何隐藏没有其他类或 ID 的类？
【发布时间】：2011-11-24 21:09:07
【问题描述】：

那么我怎样才能有一个只有 1 个类的 td？

例如：

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

我这种情况我想display:none第二个。

这可行：$('[class="ss_label"]').hide(); 但我不想使用 Javascript 或任何库，如 jQuery。只是纯 CSS。

在现实生活的例子中，我要隐藏的 td 是第六个和第七个。

【问题讨论】：

标签： class css

【解决方案1】：

您也可以在 CSS 中使用来自 jQuery 的 attribute selector：

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

这将匹配一个<td> 元素，其类属性完全“ss_label”，没有其他添加。适用于除 IE6 以外的所有主流浏览器（如果您认为它是主流浏览器）。

【讨论】：

【解决方案2】：

你可以这样做：

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

针对这种特殊情况。

据我所知，没有通用的解决方案。

【讨论】：

尽管这是所提问题的正确答案，但我怀疑这是他真正想知道的：P 我的意思是这是基本的 css，没有基本的甚至没有削减它....
@Breezer，我明确表示，“据我所知，没有通用的解决方案。”

【解决方案3】：

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

最后一条规则覆盖第一条

【讨论】：

【解决方案4】：

也许你可以使用属性选择器（在 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>

【讨论】：