2

次のようなdivはほとんどありません。

<div id="text-2">
<div class="textwidget">
<iframe id="widget-0" src=""></iframe>
<iframe id="widget-1" src=""></iframe>
</div>
</div>

<div id="text-3">
<div class="textwidget">
<iframe id="widget-2" src=""></iframe>
<iframe id="widget-3" src=""></iframe>
</div>
</div>

上記の div では、css を使用して特定のページの iframe を制限 (ブロック/なし) したいと考えています。

例えば ​​：

（私）。私がホームページにいる場合、

"widget-0" や "widget-2" などの iframe を表示したいのですが、残りの iframe "widget-1" と "widget-3" は無効にする必要があります。

(ii)。私が内側のページにいる場合、

"widget-1" や "widget-3" などの iframe を表示したいのですが、残りの iframe "widget-0" と "widget-2" は無効にする必要があります。

css を使用してこれを行う方法。この小さなCSSの微調整で誰かが私を助けてくれますか?

段落タグの CSS セレクターの例:

div#test p:first-child {text-decoration: underline;}
div#test p:last-child {color: red;}

ノート ：

iframe id は静的ではなく動的です。上記は簡単な例です。

4

2 に答える 2

1

次のように、ID でそれらを参照できるはずです。

#widget-2 { display: none }

これを現在表示しているページに依存させたい場合は、ページを示す body 要素にクラスを追加することをお勧めします。これにより、必要に応じて iframe を有効/無効にすることができます。

<body class="home">
.home #widget-2 { display: none }

上記の例では、2 番目のウィジェットはホームページでのみ無効になっています。

于 2013-07-03T09:21:28.413 に答える