title: Remove last border-bottom?
body: <p>I use li to show a list of records.</p>
  
  <p>Each li has a bottom-border:1px solid black;</p>
  
  <p>but I don't want to show border at the end of li?</p>
  
  <p>example:</p>
  
  <pre><code>.test li{
          height:1%;
          overflow:hidden;
          padding:4px 0;
          margin:-1px 0 0;
          border-bottom: 1px solid black;
      }
  
  .test li.last { border-bottom: none;  }
  
  &lt;ul class="test"&gt;
    &lt;li&gt; Foo 1 &lt;/li&gt;
    &lt;li&gt; Foo 2 &lt;/li&gt;
    &lt;li&gt; Foo 3 &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Foo 3 still showing bottom border.</p>