title: LessCss - Can the &:extend function be nested?
body: <p>I've recently come across the Less &amp;:extend function.</p>
  
  <p>What I would like to do is be able to nest two or more extends - in other words extend to a class that itself extends to another.</p>
  
  <p>Having tested it, it seems that it either does not work, or I'm going about it the wrong way. The first extend is extended and the second nested extend isn't.</p>
  
  <p>I've looked on the Less site, some authority blogs and cannot find any reference to whether or not it is possible.</p>
  
  <p>Here's an example:</p>
  
  <pre><code>.clearfix
  {
      &amp;:before,
      &amp;:after {
          content: " ";
          display: table;
      }
  
      &amp;:after {
          clear: both;
      }
  }
  
  .inline-list
  {
      &amp;:extend(.clearfix all);
  
      &gt; li {
          float:left;
      }
  }
  
  .test
  {
      &amp;:extend(.inline-list all);
      // clearfix is not extended to test
  }
  </code></pre>
  
  <p>Any advice appreciated.</p>