title: jQuery css() function changing 'a' property not 'a:hover' property
body: <p>I'm having a bit of trouble with the jQuery <code>css()</code> function at the moment. It is changing the css value of the anchor element's <code>border-top-color</code> instead of just the anchor element's <code>border-top-color</code> when hovered. Below is my code.</p>
  
  <pre><code>$("#header #headerlist li a:hover").css("border-top-color","rgb(225, 149, 79)");
  </code></pre>
  
  <p>Why does it change the <code>#header #headerlist li a</code> border-top-color and the <code>#header #headerlist li a:hover</code> properties rather than just the <code>#header #headerlist li a:hover</code> property?</p>