title: In which order are CSS styles applied?
body: <p>I have the following HTML.</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;
      &lt;a&gt;asdas&lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>In my CSS stylesheet I have general settings for the a tag, and several hundered lines later settings for ul li a.
  Like this:</p>
  
  <pre><code>a:link
  {
   color: red;
  }
  ...
  ul li a
  {
   color:blue;
  }
  </code></pre>
  
  <p>Firebug tells me, that first the color:blue is loaded, and afterwards overriden by color:red<br>
  So far I've always thought, that the order of loading css files and the order of style inside a single css file tell the browser how html elements should be formatted. Unfortunately I'm now experiencing it vice versa.</p>
  
  <p>So tell me, how must I correct my style to achieve the a tag inside the li to be rendered blue and not red?</p>