隐藏由 CSS 脚本创建的 div

Question

以下代码创建了一个 html 聊天框，其顶部面板中有一个 link，其中有多个 child div。
div id=cgroup; divid=CBG； divid=CGW； div id=头。其中cgroup是CBG的parent是CGW的parent是div的parent我想隐藏。
我怎么办将 css 到 "display = none" 用于 child div id=HEAD 独占？

<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;
}

以上将仅以 ID 为 <head> 的 <div> 为目标，其中父 ID 为 [=18] =]，父 ID 为 CBG，父 ID 为 cgroup。

希望对您有所帮助！ :)

Answer 2

假设这会在 <iframe> 中加载聊天框，你无能为力页面上单个元素的样式加载到 <iframe>.

应用于父页面的任何 CSS 将 不适用于框架内的页面 。同样，如果您尝试使用 JavaScript 更改框架内的文档，您可能会遇到安全异常 — 浏览器的 Same Origin Policy 将阻止您的 JavaScript 访问从 不同域 加载的页面的代码：

阅读更多，参考这个问题：
Ways to circumvent the same-origin policy

那有什么办法呢？

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

隐藏由 CSS 脚本创建的 div

Hide div created by script with CSS

html

javascript

css

embed

jquery