title: Removing rounded corners from pagination
body: <p>The following CSS removes rounded corners from the <code>next</code> button in <code>Bootstrap</code>:</p>
  
  <pre><code>.pagination&gt;li:last-child&gt;a{
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
  }
  </code></pre>
  
  <p>I want to remove rounded corners from the <code>previous</code> button too. So I did this:</p>
  
  <pre><code>.pagination a {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;    
  }
  </code></pre>
  
  <p>Why doesn't this work? Isn't it supposed to remove rounded corners from all <code>a</code> inside <code>.pagination</code>? </p>