親divに子クラスを持つdivがあることを確認

親divにclassが与えられていることを確認したいと思います。私は親div '.parent'を持っています。この親をチェックしたいのですが、クラス '.child 「css.Iで可能css.Isそれをこの親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のをacheivedが、私ははいそれは以下のようにCSS :empty selectorを使用してチェックすることができますCSS

出典

2017-05-18 user3386779

親divに子クラスがあるかどうか確認したいのですか？ –

ya絶対に教えてください。 – user3386779

その情報で何をしたいですか？親コンビネーションの内部にあるかどうかに基づいて、子コンテナにスタイルを設定できますが、これはCSSのそれです。 Cssには '直接子孫 'セレクタ'> 'と' '兄弟'セレクタ' + 'があり、他にもたくさんありますが、親セレクタはありません。 –

でそれを確認したいしています、

：emptyの擬似クラスは、子を持たない任意の要素を表し、 allです。

それがどのchild elementまたはテキストノードを持っている場合、それはredからemptyその後、backgroundスタイルの変化だならば、backgroundスタイルは他のblueまま。

.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

あなたはこのように試すことができ、より詳細

https://developer.mozilla.org/en-US/docs/Web/CSS/:has

.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があることを確認

答えて

関連する問題