1. 首頁
  2. 問答
  3. 隱藏由CSS腳本創建的div

隱藏由CSS腳本創建的div

2017-07-09 75 views
0

以下代碼創建一個帶有多個子div頂部面板中的鏈接的html聊天室。
div id = cgroup; div id = CBG; div id = CGW; div id = HEAD。其中cgroup是CBG的父母，它是CGW的父母，我想隱藏它的父母。
如何獨立使用css來爲子div id = HEAD「顯示=無」？隱藏由CSS腳本創建的div

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

來源

2017-07-09 Jerry Christensen

回答

0

假設這個加載一個內的客艙，有沒有什麼可以做影響裝入頁面上各個元素的樣式。

應用於父頁面的任何CSS將不適用於框架中的頁面。同樣，如果你試圖改變用JavaScript框架內的文檔，你很可能得到一個安全異常—瀏覽器的Same Origin Policy會阻止你的JavaScript代碼訪問從不同的域加載網頁：

Console output of trying to access <iframe> document

要了解更多信息，請參考這個問題：
Ways to circumvent the same-origin policy

那麼解決方案是什麼？

你應該試一試，看是否客艙插件提供你正在尋找的那種定製的配置選項或類似的東西。

來源

2017-07-09 23:38:27

0

假設你的腳本創建具有結構<div id="head">的元素，你可以用下面的語法直接針對它：

#head { 
    display: none; 
}

儘管你不應該用相同的ID兩個元素在同一頁，你可以確保，這隱藏了只有目標<div>通過更具體一點，並使用>direct child selector：

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

上面會僅目標一個<div>與ID的<head>，其中所述親本具有CGW的ID，並且具有的CBG父ID，並且具有的父ID的cgroup。

希望這會有所幫助！ :)

來源

2017-07-09 23:31:01

+0

我認爲這將是發佈這個問題，因爲該腳本實際上創建我想隱藏子DIV HEAD之前簡單的方法。不幸的是，這不是決議。認爲它可能區分大小寫我也試過#HEAD標記無濟於事。 –

+0

你在'