gpt4 book ai didi

css - 如何使用 css 选择 iframe 元素?

转载 作者:行者123 更新时间:2023-11-28 11:41:15 45 4
gpt4 key购买 nike

我有几个 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”需要被禁用。

(二)。如果我在内页,

我想显示像“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 是动态的,而不是静态的。以上是一个简单的例子。

最佳答案

您应该能够通过他们的 ID 来引用他们,例如:

#widget-2 { display: none }

如果您希望它依赖于您当前所在的页面,您可能需要向指示该页面的 body 元素添加一个类。这样,您就可以按照自己的方式启用/禁用 iframe:

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

在上面的示例中,现在第二个小部件仅在主页上被禁用。

关于css - 如何使用 css 选择 iframe 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17444077/

45 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com