親の属性値に基づいて子要素を選択

Question

私は、outerDivsクラスとデータ属性を使用して内部divを選択するcssセレクタを探しています。データがtrueに設定されている場合にのみ内部divを選択できるようにしたいのですが可能ですか？

<div class="outerDiv" data-Outer="true"> 
    <div class="inner"> </div> 
</div> 

Answer 1

.outerDiv[data-Outer="true"] > .innerこのトリックを行う必要があります。