title: CSS Class Links
body: <p>I'm working on a site where I want to make different styles for different sets of links. I've read tutorials and I still can't get my code to work. So here's the code. </p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;style type="text/css"&gt;
  a.test: link {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      color: #C00;
  }
  a.test: hover {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      color: #6F0;
   }
  a.test: active {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      color: #90F;
  }
  a.test: visited {
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1em;
      color: #FF0;
  }
  
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  Emily
  
  &lt;p&gt;sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
  sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
  sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
  sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
  &lt;p&gt;&lt;span class="test"&gt;&lt;a href="http://www.ehow.com/how_2080242_style-link-css.html"&gt;rose&lt;/a&gt; 
  
    &lt;a href="http://www.ehow.com/how_2080242_style-link-css.html" class="test"&gt; daisy&lt;/a&gt; 
  
    &lt;a href="http://www.ehow.com/how_2080242_style-link-css.html" class="test"&gt;tulip&lt;/a&gt; 
  
    &lt;a href="http://www.ehow.com/how_2080242_style-link-css.html" class="test"&gt; cactus&lt;/a&gt;     &lt;/span&gt;
  &lt;p&gt;ldkfjsldkfjlsdkfsdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjs    ldkfjsldkfjlsdkfsdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsld
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>From what I've read, I understand I need to incorporate a class into the link style like this: a.test:link</p>
  
  <p>And to incorporate the style into the link you give it a class like this,<br>
     cactus </p>
  
  <p>And I can't figure out why this isn't working.</p>
  
  <p>Thanks for your help!</p>