title: First-child selector in CSS .less file
body: <p>I have a list of links in a footer and want add a left border to each one of them apart from the first, I'm trying the following but it removes all the left borders:</p>
  
  <pre><code>ul.footerLinks {
  margin:0 auto;
  li{
      display: inline-block;
      zoom:1;
      *display:inline;
      color:#eee;
      padding:4px 14px;
      border-top:1px solid rgba(0,0,0,0);
      border-left:1px solid #fff;
      &amp;:hover {
          color:#fff;
          border-top:1px solid #fff;
      }
      &amp;:first-child {
          border-left:none;
      }
  }
  </code></pre>
  
  <p>}</p>
  
  <p>I also tried adding the border to the right and using <code>:last-child</code> but same result, all borders disappeared.</p>
  
  <p>Anything obviously wrong?</p>