2017-09-26 55 views
-1

我有以下HTML:如何根據孩子的類別設計元素

我無法應用任何JavaScript,但我可以編輯CSS。我可以編輯HTML的唯一

<div> 
    <div> 
    <span class="something">Styled content</span> 
    </div> 
    <div> 
    Unstyled content 
    </div> 
</div> 

我需要的風格(特別是顯示:無;)無樣式內容爲好。

我不介意,如果我風格的整個包含div或只是與內容的divs。

這可能嗎?

+0

你可以參考這個https://stackoverflow.com/questions/2326499/apply-css-styles-to-an-element-depending-on-its-child-elements –

+0

父母選擇器會工作,但我想知道是否有某種方式來設置樣式父級之後的div。 也許 (div> .something)+ div 我知道這行不通,但可能類似? –

回答

0

這是不可能的簡單的CSS,你可以在這裏閱讀答案:Is there a CSS parent selector?

你可以在jQuery的做到這一點,但:

$(".something").parent().css("display","none"); 

或使用javascript:

document.getElementsByClassName("something")[0].parentNode.style.display= "none";