title: CSS selector to get deepest element of specific class in the HTML tree
body: <p>I've got a a bunch of DIV elements in my HTML, several of which have their class attribute set to "rowsLayout".  Some of these rowsLayout DIVs can be nested inside one another.  I want to define a CSS selector that only targets the deepest DIVs in those nestings.  That is, I <strong>don't</strong> want any of the rowsLayout DIVs that contain any other rowLayout DIVs.  </p>
  
  <pre><code>&lt;div id="a" class="rowsLayout"&gt;
    &lt;div id="b" class="rowsLayout" /&gt;
    &lt;div id="c" class="rowsLayout"&gt;
      &lt;div id="d" class="rowsLayout" /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="e" class="rowsLayout" /&gt;
  </code></pre>
  
  <p>With this structure, I want a selector that will target b, d, and e.</p>
  
  <p>Can this be done?</p>