title: Applying a hover style to a li:last-child link
body: <p>I have styled an item at the end of the list, which looks great, but I can't seem to make any changes to the hover state:</p>
  
  <pre class="lang-css prettyprint-override"><code>div#navigation li a{color:#73737a;} 
  div#navigation li a:hover{color:#3ca2e0;} 
  div#navigation li:last-child{
    border-radius:6px;   
   -webkit-border-radius: 6px; 
   -moz-border-radius: 6px;
    border: 1px solid #e0e0e0; padding:6px 9px; color: #fff;
    background-color: blue;     
  }
  
  div#navigation li:last-child:hover{
  background-color:orange;
  }
  </code></pre>
  
  <p>I noticed the li:last-child:hover has no 'Anchor' reference, could this be the problem?</p>
  
  <p>Thanks for looking!</p>