title: css first child doesn't work on my <li>
body: <p>CSS</p>
  
  <pre><code>.list-group-item:first-child{
    border-top: none !important;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;li class="list-group-item" ng-repeat="user in data"&gt;
   {{user.name}}
  &lt;/li&gt;
  </code></pre>
  
  <p>What's wrong with my first-child?</p>
  
  <p>demo here <a href="http://plnkr.co/edit/FKXdsJRc9eu4TiN9UPMY?p=preview" rel="nofollow">http://plnkr.co/edit/FKXdsJRc9eu4TiN9UPMY?p=preview</a></p>