title: Different levels of CSS and the priority over each other
body: <p>I was reading a decent article here on this topic: <a href="http://www.plus2net.com/html_tutorial/css-types.php" rel="nofollow noreferrer">http://www.plus2net.com/html_tutorial/css-types.php</a>
  It came out highest ranked by Google for the search term css style sheets priorities.
  However I think the site misinforms you and is incomplete! Can someone confirm my suspicions?</p>
  
  <p>1) User Defined style is second lowest priority. In order to override other styles with it, you need to use !important to move it to highest.
  2) It fails to mention the relative priorities of &lt;link&gt; versus @import and @import within &lt;link&gt;</p>
  
  <p>A more precise ordering would be (1 wins over 2 etc) :</p>
  
  <ol>
  <li>User defined (browser prefs !important - [not Google Chrome!])</li>
  <li>Inline style sheet (style attribute on HTML node) </li>
  <li>Internal style sheet (&lt;style&gt; in &lt;head&gt;)</li>
  <li>External style sheet (@import)</li>
  <li>External style sheet (&lt;link&gt;)</li>
  <li>External style sheet (@import inside &lt;link&gt;)</li>
  <li>User defined - (browser prefs - [not Google Chrome!])</li>
  <li>Browser default - (shipped with browser)</li>
  </ol>
  
  <p>Michael Bowers <a href="http://cssdesignpatterns.com/" rel="nofollow noreferrer">Pro CSS &amp; HTML Design Patterns</a> is a good source for this too. But it fails to mention inline.</p>
  
  <p>Is there anything else missing?</p>
  
  <p>PS: I was inferring !important was missing from 2-8. So User defined appears twice. Once with important, the second time without it. So user defined is in essence second lowest. The !important can naturally be applied at any level.</p>