Select child element based on parent's attribute value

Question

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>

You just deleted your newest question. There *is* actually a way, using pure CSS. If you undelete, or post a new question, I'll post the answer. — Michael Benjamin, Sep 07 '16 at 15:20

score 8 · Accepted Answer · answered Aug 17 '16 at 13:36

8

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

answered Aug 17 '16 at 13:36

trysmudford

578
4
16

Select child element based on parent's attribute value

1 Answers1