title: How to remove border for the last div with a particular class name? [:last-child] is not working
body: <p>I tried removing border for the last-child with class name "true". <code>:last-child</code> is not working.</p>
  
  <pre><code>&lt;div&gt;
      &lt;div class="common true"&gt;1111&lt;/div&gt;
      &lt;div class="common"&gt;2222&lt;/div&gt;
      &lt;div class="common true"&gt;3333&lt;/div&gt;
      &lt;div class="common true"&gt;4444&lt;/div&gt;
      &lt;div class="common true"&gt;5555&lt;/div&gt;
      &lt;div class="common true"&gt;6666&lt;/div&gt;
      &lt;div class="common true"&gt;7777&lt;/div&gt;
      &lt;div class="common"&gt;8888&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.common.true {
      display: block;
      border-top: 1px solid;
  } 
  
  .true:last-child {
      border-top: none;
  } 
  </code></pre>
  
  <p>JSFIDDLE: <a href="http://jsfiddle.net/C23g6/1253/" rel="nofollow">http://jsfiddle.net/C23g6/1253/</a></p>