Question

以下代码创建一个html聊天框，顶部面板中有一个包含多个子div的链接。
div id = cgroup; div id = CBG; div id = CGW; div id = HEAD。其中cgroup是CBG的父级，它是CGW的父级，它是我想要隐藏的div的父级。
如何使用css为子div = HEAD“display = none”？

<script id="cid0020000101807397328" data-cfasync="false" async src="//st.chatango.com/js/gz/emb.js" style="width: 603px;height: 471px;">
{"handle":"1shotgg","arch":"js","styles":{"a":"000000","b":100,"c":"a0a0a0","d":"FFFFFF","e":"202020","g":"bbbbbb","h":"202020","j":"c0c0c0","k":"0084ef","l":"606060","m":"0084ef","n":"FFFFFF","p":"10","q":"000000","r":100,"pos":"br","cv":1,"cvfntsz":"14px","cvbg":"3366ff","cvw":600,"cvh":30,"surl":0,"allowpm":0,"cnrs":"0.35","ticker":1,"fwtickm":1}}</script>

Answer 1

假设您的脚本创建了一个结构为<div id="head">的元素，您可以使用以下语法直接定位它：

#head {
  display: none;
}

尽管您在同一页面上永远不应该有两个具有相同ID的元素，但您可以确保这会隐藏目标<div>通过更具体一点并使用> direct child selector ：

#cgroup > #CBG > #CGW > #head {
  display: none;
}

以上仅定位<div> ID <head>，其中父级的ID为CGW，父ID为CBG，父ID为cgroup。

希望这有帮助！：）

Answer 2

假设这会加载 <iframe> 中的聊天框， 你可以做来影响加载页面上各个元素的样式进入<iframe>。

应用于父页面的任何CSS都不适用于框架内的页面。同样，如果您尝试使用JavaScript更改框架内的文档，则可能会出现安全例外 - 浏览器的 Same Origin Policy 会阻止您的JavaScript代码访问网页从不同的域加载：

要了解更多信息，请参阅此问题：
Ways to circumvent the same-origin policy

那么解决方案是什么？

您应该尝试查看聊天室插件是否提供您正在寻找的自定义类型作为配置选项或类似的东西。

使用CSS隐藏脚本创建的div

2 个答案: