title: HTML/CSS: no text change when hovering over a link
body: <p>I want to create a hyperlink that doesn't change the text when I hover over it.
  I've created a special style for that type of link as follows:</p>
  
  <pre><code>a.blank:hover{
      text-decoration:none;}
  </code></pre>
  
  <p>and the link itself:</p>
  
  <pre><code>&lt;a class="blank" id="asdf"&gt;asdf&lt;/a&gt;
  </code></pre>
  
  <p>I also have a general hyperlink style:</p>
  
  <pre><code> a:hover, a:active {
  text-decoration: none;
  color: #321dd3; }
  </code></pre>
  
  <p>I know I could get around it by defining the text colour as being the same, but is there an umbrella method to force the hyperlink not to change anything?</p>