Question

使用GWT网络应用程序，Firebug说下面的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。

请告诉我。

Answer 1

严格来说，您需要的只是：

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

如果该规则出现在上面给出的原始规则之后：

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

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

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

{{1}}

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

修改GWT应用程序的CSS

1 个答案: