0

GWT Web アプリを使用すると、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;
}

<table>これにスタイルを持たせるには、どの CSS を作成する必要がありdisplay: noneますか?

私は2回試みました：[編集-更新された.multi-zoneとdisplay：none]

.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要素の子孫であり、クラスの要素の子孫であるクラスを持つ要素にルールが適用されることdrop-zone-column-66ですdrop-zone。必要なのは、これら3つのクラスすべてが設定されている要素をターゲットにすることです。これは、これらのセレクターをチェーンすることで実行できます。

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

これはあなたを正しく設定するはずです（私が正しく覚えていれば、これは古いバージョンのIEでは機能しません）。

于 2012-12-01T02:01:10.953 に答える