title: Less Css Inheritance
body: <p>Let´s say I have a class like this one:</p>
  
  <pre><code>.navigation{
      display: block;
      ul li{
          float: left;
          a{display: block;}
      }
  
  }
  </code></pre>
  
  <p>.. and the following markup:</p>
  
  <pre><code>&lt;nav&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Link One&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Link Two&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>Now, I would like to format my navigation with the class I just made. So I would do like this:</p>
  
  <pre><code>nav{.navigation;}
  </code></pre>
  
  <p>My problem is: I can´t make the "ul" and its child elements to inherit the properties as I expected. Only the "nav" tag gets the "display: block" property, but the other elements remain unstyled.</p>
  
  <p>Is there any way to reuse classes like this, using Lesscss?</p>