CSS:如何隐藏没有其他类或ID的类？

Question

那么我怎么能有一个只有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是第六和第七.

Answer 1

你也可以在CSS中使用jQuery中的那个属性选择器:

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

这将匹配一个<td>元素,其class属性正好是 "ss_label"而没有其他添加.适用于IE6以外的所有主流浏览器(如果您认为它是主要的浏览器).