如何使用css選擇iframe元素？

我有幾個div的像下面這樣如何使用css選擇iframe元素？

<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特定頁面的I幀。

例如：

（i）中。如果我在主頁，

我想要顯示類似「widget-0」和「widget-2」的iframe，並且需要禁用其餘的iframes「widget-1」和「widget-3」。（ii）。如果我在內頁，

我想要顯示類似「widget-1」和「widget-3」的iframe，並且需要禁用其餘的iframes「widget-0」和「widget-2」。

如何使用CSS來做到這一點。任何人都可以幫助我在這個小小的CSS調整。

CSS選擇器示例有關段落標記：

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

注：

iframe的ID是動態的，不是一成不變的。以上是一個簡單的例子。

來源

2013-07-03 John Peter

您應該能夠通過他們的id引用它們，如：

#widget-2 { display: none }

如果你想這是取決於你目前的頁面，你可能要一個類添加到body元素表示該頁面。有了這一點，你可以啓用/禁用I幀你想要的方式：

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

在上面的例子，現在第二個窗口小部件只能在首頁上禁用。

來源

2013-07-03 09:21:28

的控件的ID是動態的，我只是給出這樣的例子。如果我想隱藏最後一個元素並顯示第一個元素的含義，那麼我應該如何使用css選擇器來處理iframe。 –

難道你不能使用：iframe：第一個孩子還是iframe：第n個孩子？ –

是的，它不適用這種風格 –

一是補充身體類產品和內部（如「家庭頁」，「內頁」）

iframe { display: none } 

.home-page iframe#widget-0, .home iframe#widget-0 { display:block } 

.inner-page iframe#widget-1, .home iframe#widget-3 { display:block }

來源

2013-07-03 11:39:49 shanidkv

如何使用css選擇iframe元素？

回答

相關問題