title: In CSS, is there any way to keep the hover properties for links after overriding the normal state?
body: <p>I have default properties defined for my links like this:</p>
  
  <pre><code>a{
      color: blue;
  }
  a:hover{
      color: red;
  }
  </code></pre>
  
  <p>The problem is that I lose the all the hover properties when I do something like this:</p>
  
  <pre><code>#header a{
      color: gray;
  }
  </code></pre>
  
  <p>So to keep the hover working as I defined it before in the defaults, I'd have to declare it again:</p>
  
  <pre><code>#header a:hover{
      color: red;
  }
  </code></pre>
  
  <p>Is there any way to do this without loosing the original hover action defined?</p>