html - 子を知っているときに親を取得するCSSセレクター

Question

私は次のHTMLを持っています

<div id"mainDiv">
        <ul id="cat1">
        </ul>
</div>

<div id"mainDiv">
        <ul id="cat2">
        </ul>
</div>

そのdivにスタイリングを適用したいので、CSSで子ul「cat1」を持つ「mainDiv」を選択したいと思います。しかし、すべてのmaindivのものではありません

何か案は？

Answer 1

現在、このための CSS セレクターがないため、JavaScript/jQuery に頼る必要があります。

$('#cat2').parent().css(/* add it here */);