那我怎么能得到一个只有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是第六和第七。
答案 0 :(得分:6)
您也可以在CSS中使用jQuery中的attribute selector:
td[class="ss_label"] { display: none }
这将匹配一个<td>
元素,其class属性完全“ss_label”,但没有添加其他内容。适用于除IE6之外的所有主流浏览器(如果您认为它是主要浏览器)。
答案 1 :(得分:4)
你可以这样做:
.ss_label { display: none }
.ss_label.ss_class { display: table-cell }
针对这一具体案例。
据我所知,没有一般解决方案。
答案 2 :(得分:1)
<style type="text/css">
.ss_label {
display:none;
}
.ss_label.ss_class {
display:block;
}
</style>
最后一条规则会覆盖第一条规则
答案 3 :(得分:1)
也许你可以使用属性选择器(在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>