0

Firebug 使用 GWT Web 应用程序说以下 HTML

<table class="drop-zone drop-zone-column-66 multi-zone">
...
</table>

正在使用这个 CSS。

.maximized-gadget .drop-zone.multi-zone, .configure-tab a {
    display: block;
}

我需要编写什么 CSS 才能使其<table>具有样式display: none？

我做了 2 次尝试：[编辑 - 更新 .multi-zone 和显示：无]

.drop-zone .drop-zone-column-66 .multi-zone {
    display: none;
}

和

.maximized-gadget .drop-zone.multi-zone, .configure-tab a {
    display: none;
}

但 Firebug 仍然给了我顶部显示的 CSS。

请给我提意见。

4

1 回答 1

1

严格来说，您只需要：

.maximized-gadget .drop-zone.multi-zone {
    display: none;
}

前提是该规则在您上面给出的原始规则之后：

.maximized-gadget .drop-zone.multi-zone, .configure-tab a {
    display: block;
}

根据文档其余部分的结构以及您要执行的操作，您可能需要为该规则添加一些特殊性。

您第一次尝试的问题是您的规则将应用于一个元素，该multi-zone元素的 class 是 class 元素的后代，而 classdrop-zone-column-66又是 class 元素的后代drop-zone。您想要的是定位一个设置了所有这三个类的元素，您可以通过链接这些选择器来做到这一点：

.drop-zone.drop-zone-column-66.multi-zone {
    display: none;
}

这应该会让你正确（尽管如果我没记错的话，这在旧版本的 IE 中不起作用）。

于 2012-12-01T02:01:10.953 回答