title: Problems with inheritance using Less?
body: <p>I tried to implement the following in less:</p>
  
  <pre><code>nav &gt; ul &gt; li:first-child
  </code></pre>
  
  <p>using:</p>
  
  <pre><code>nav {   
        ul {
            li:first-child {
  </code></pre>
  
  <p>However the result was: </p>
  
  <pre><code>nav ul li:first-child
  </code></pre>
  
  <p>Can someone explain the difference between the two CSS results and also tell me how I can use less to get the result "nav > ul > li:first-child"</p>