title: overrides in css Regardless of the order in file
body: <p>I have input text</p>
  
  <pre><code>&lt;input type="text" class="name"&gt;
  </code></pre>
  
  <p>Can someone explain why this ccs role </p>
  
  <pre><code>   input[type="text"], input[type="search"], input[type="password"] {
  
          background: none repeat scroll 0 0 #FFFFFF;
  }
  </code></pre>
  
  <p>override</p>
  
  <pre><code>.name{background:yellow}
  </code></pre>
  
  <p>Regardless of the order(who came first) in the css file.</p>
  
  <p>but in case I Specifies the name of the father's class the override is the opposite </p>
  
  <p>for example</p>
  
  <pre><code>.form .name {
    background:yellow
  
  }
  </code></pre>
  
  <p>override this</p>
  
  <pre><code> input[type="text"], input[type="search"], input[type="password"] {
  
          background: none repeat scroll 0 0 #FFFFFF;
  
  }
  </code></pre>
  
  <p>thanks
  Baaroz</p>