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>

Answer 1

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