title: CSS style same type of element differently
body: <p>Lets say I have CSS like this:</p>
  
  <pre><code>div.form label input {
        /* some css here */
  }
  </code></pre>
  
  <p>However this will apply to all of my <code>input</code> elements. I want to have another CSS that applies to an input type, so how do I do this? Creating a class won't work here because it will just be ignored because of this first one.</p>
  
  <p><strong>Use case:</strong></p>
  
  <p>I have 5 text input that I want to style <em>x</em> way and I have 3 text input that I want to style <em>y</em> way.</p>