title: how can I have hover style by default?
body: <p>I have a list and each has css for hover state. 
  by default every item is black and by hovering turns blue. 
  <strong>my problem:</strong> i want the first item to be blue even before hovering by loading the page. once user hovers other item the first one is not blue anymore and is like other normal items which turns blue only by hovering.</p>
  
  <p>here is my <a href="http://jsfiddle.net/dFq8f/" rel="nofollow">jsfiddle</a>.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;one&lt;/li&gt;
      &lt;li&gt;two&lt;/li&gt;
      &lt;li&gt;three&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>ul li:hover {
      color:blue;
  }
  </code></pre>