title: css child max-depth selector
body: <p>Is there a descendant selector for css that restrict the depth that it applies to?</p>
  
  <p>I imagine it would be something like <code>div span:(max-depth:2)</code></p>
  
  <pre><code>&lt;div&gt;
      &lt;span&gt; &lt;!-- depth 1 --&gt;
          &lt;span&gt; &lt;!-- depth 2 --&gt;
              &lt;span&gt; &lt;!-- depth 3 --&gt;
              &lt;/span&gt;
          &lt;/span&gt;
      &lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>In this example, it would match the first two spans but not the third.</p>
  
  <p>It would be nice if we had something that scaled well when there is a <em>lot</em> of nesting.</p>