title: How to make 2 different links have 2 different CSS properties?
body: <p>First off sorry about the title, I have no idea how to word it. Any suggestions will be great.</p>
  
  <p>With my website my title bar at the top is a "a href" so I have put in my CSS</p>
  
  <pre><code>a:link {text-decoration:none;}    /* unvisited link */
  a:visited {text-decoration:none;} /* visited link */
  a:hover {text-decoration:none;}   /* mouse over link */
  a:active {text-decoration:none;}  /* selected link */
  
  a:link {color:black;}      /* unvisited link */
  a:visited {color:black;}  /* visited link */
  a:hover {color:white;}  /* mouse over link */
  a:active {color:white;}  /* selected link */
  </code></pre>
  
  <p>I have now added another "a href" in a different place and obviously it has the same properties as the title. I was wondering if I could edit the two separately? Here is my jsfiddle: <a href="http://jsfiddle.net/Lg83M/" rel="nofollow">http://jsfiddle.net/Lg83M/</a></p>
  
  <p>And again, Sorry for the title!! and thanks in advance.</p>