title: HTML / CSS - Hover Link Color
body: <p>I have this code written in my CSS; which makes all links on my site white, and when they're hovered on, they turn gray.</p>
  
  <pre><code>a:link {color: #FFFFFF}
  a:active {color: #383838}
  a:visited {color: #FFFFFF}
  a:hover {color: #383838}
  </code></pre>
  
  <p>Here's the portion of my site which has links that are white and turn gray when hovered on. I have four different links on the site separated by a "|" . I am trying to make each link STAY white, but change to a different HTML color whenever they're hovered on….to match our logo. (HTML section of the code that has my links are attached below).</p>
  
  <p><a href="http://www.my-website09090909.com/page1" rel="nofollow">Page 1</a> <b>|</b> <a href="http://www.my-website09090909.com/page2" rel="nofollow">Page 2</a> <b>|</b> <a href="http://www.my-website09090909.com/page3" rel="nofollow">Page 3</a> <b>|</b> <a href="http://www.mywebsite09090909.com/page4" rel="nofollow">Page 4</a></p>
  
  <p>I would love if someone could help me figure out a very easy, simple way to make each link, Page 1, Page 2, Page 3 and Page 4, each change different HTML colors when they're hovered on. Basically, a rule or something that says the link named Page 1 needs to be colored #C7C025 when hovered on…and the link named Page 2 needs to be colored #950285 when hovered on and so forth…</p>
  
  <p>Thank you very much in advance!!</p>