title: Sass and combined child selector
body: <p>I've just discovered Sass, and I've been so excited about it. </p>
  
  <p>In my website I implement a tree-like navigation menu, styled using the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator" rel="noreferrer"><em>child combinator</em></a> (<code>E &gt; F</code>). </p>
  
  <p>Is there any way to <em>rewrite</em> this code with a simpler (or better) syntax in Sass?</p>
  
  <pre><code>#foo &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    color: red;
  }
  </code></pre>