Ryan Holmes Ryan Holmes - 3 months ago 7
CSS Question

Select child element based on parent's attribute value

I'm looking for a css selector to select the inner div using the outerDivs class and data attribute. As I only want to be able to select the inner div if the data is set to true is this possible ?

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

Answer

.outerDiv[data-Outer="true"] > .inner should do the trick.

Comments