title: How to chose which CSS rule to use from multiple style sheets
body: <p>I have <code>bootstrap.css</code> and <code>login.css</code> attached to <code>index.php</code>. Within <code>index.php</code> there are several form elements such as <code>input type['text']</code>. However, both attached CSS files target <code>input type['text']</code>. I have <code>bootstrap.css</code> linked above my other css file:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="css/bootstrap.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/login.css"&gt;
  </code></pre>
  
  <p>How can I specify that I want <code>input type['text']</code> to use the rules specified within <code>login.css</code> rather that using the rules from <code>bootstrap.css</code>? I generally require <code>bootstrap.css</code> more, but do with to now and then, implement my own rules which I cannot since the rules from <code>bootstrap.css</code> are rendered first since it is listed first.</p>