檢查父div有子類div

我想檢查父div有div給定class.I有父div'.parent'。我想檢查這個父母有div的類'.child 「在css.Is有可能在css.I已經來達到的這種使用檢查父div有子類div

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="parent"> 
 
    <div class="child"> 
 
    test 
 
    </div> 
 
</div>

jQuery的，但我要檢查它在CSS

來源

2017-05-18 user3386779

你的意思是你想檢查父母div是否有子類？ –

你絕對如你所知。 – user3386779

你想用這些信息做什麼？你可以在子容器上設置樣式，它是基於它是否在父div中，但這是關於它在CSS中。 Css有一個'直接後代'選擇器'''和一個'兄弟'選擇器'+'，還有很多其他的，但沒有'父'選擇器我害怕。 –

是的，這是可能的檢查，如下使用CSS :empty selector ，

：空的僞類代表任何在全部沒有子代的元素。

如果它有child element或文本節點然後background風采依舊blue否則，如果是empty然後background風格的變化來red。

.parent{ 
 
    background:blue; 
 
    width:100%; 
 
    height:50px; 
 
    margin-bottom:10px; 
 
} 
 
.parent:empty{ 
 
    background:red; 
 
}

<div class="parent"></div> 
 
<div class="parent"> 
 
    <div class="child"> 
 
    test 
 
    </div> 
 
</div>

來源

2017-05-18 05:30:21 frnt

@ user3386779這可能是使用CSS檢查的最簡單方法。 – frnt

.parent:has('.child') 
{ 
properties 
}

來源

2017-05-18 05:31:45

不錯，但不支持任何地方[**：有＃Browser_compatibility **]（https://developer.mozilla.org/en-US/docs/Web/CSS/:has#Browser_compatibility） –

我試過了不行 – user3386779

.parent .child 
{ 
    /*Your style under child div*/ 
} 

.parent 
{ 
    // Style under all matched with parent 
}

你可以嘗試這樣的這一個。最終它僅適用於找到子類時。

來源

2017-05-18 05:52:56

檢查父div有子類div

回答

相關問題