title: CSS selector a:link:hover
body: <p>I'm trying to create my website so you can tell where you are just by the colour of the elements in each div. The website is only one page and I'm using jQuery to slide out sections of the website when you click to open that section (As opposed to having seperate .html's).</p>
  
  <p>To show them which section they have open I'm making all links in each section the same colour as the text that opens that section. However I also want to have<code>&lt;a&gt; &lt;/a&gt;</code> tags which aren't links to add a bit of colour to the site and to attract viewers to key bits of information. For this reason I want to only apply link effects to <code>&lt;a&gt; &lt;/a&gt;</code> tags which are actually links... So I've tried this:</p>
  
  <pre class="lang-css prettyprint-override"><code>#box1 a{
      color: #68cff2;
  }
  
  #box1 a:link:hover{
      color: #ffffff;
      background-color: #68cff2;
  }
  </code></pre>
  
  <p>This works for the background-color as in it only changes the background colour for <code>&lt;a&gt; &lt;/a&gt;</code>'s that have a href="..." but it doesn't change the color of the font for such links... is there any way to sort this? </p>