title: Not able to change visited color in <span> in <a>
body: <p>I have a link on a plain page.</p>
  
  <pre><code>&lt;a href='go_somewhere.html'&gt;
      &lt;span&gt;Link Title&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>I try to change the CSS of the link using</p>
  
  <pre><code>a span:link{ color:blue !important; }
  a span:visited{ color:purple !important; }
  a span:hover{ color:yellow !important; }
  a span:active{ color:blue !important; }
  </code></pre>
  
  <p>The link, hover, and active states works fine but the visited state does not work.  </p>
  
  <p>I have also tried:</p>
  
  <pre><code>a:link span{ color:blue; }
  a:visited span{ color:purple; }
  a:hover span{ color:yellow; }
  a:active span{ color:blue; }
  </code></pre>
  
  <p>That did not work either.</p>
  
  <p>I am using a COTS product and cannot add id's or classes.  I have to use what is there.  Luckily, I want it to apply to ALL hyperlinks.  Any help/advice would be greatly appreciated.  There is a possibility to use plain JavaScript with this product but that's it.</p>
  
  <p>Thanks in advance.</p>