title: CSS - link hover doesn't work
body: <p>Does anyone know how to make CSS link hover properties work for links that don't link to another html page or anchor?</p>
  
  <p>For example this works:</p>
  
  <pre><code>&lt;a href="page1.html"&gt;Page1&lt;/a&gt;
  &lt;a href="#page9"&gt;Link&lt;/a&gt;
  
  a:hover,a:visited:hover{
  color:#fff;
  text-decoration:none;
  }
  a:link,a:visited{
  color:#555;
  text-decoration:none;
  }
  </code></pre>
  
  <p>But the moment I change the link to something that's not an anchor or an html file, let's say a mailto:</p>
  
  <pre><code>&lt;a href='mailto:bla@bla.com'&gt;Send email&lt;/a&gt;
  </code></pre>
  
  <p>It no longer changes color when I hover over the link.
  Why is this?</p>