title: How to use jquery css a:hover
body: <p>I'm using a colour selector to change some elements </p>
  
  <pre><code>function(color) {  
      $("#post h1").css("color",color.toHexString());
      $("#footer").css("background",color.toHexString());
      $("#navigation a:hover").css("background",color.toHexString());             
  }
  </code></pre>
  
  <p>The <code>#post h1</code> and <code>#foooter</code> work fine but how can I change the <code>#navigation a:hover</code>?</p>