title: CSS won't work on every link with same class
body: <p>i've got the following code:</p>
  
  <pre><code>a.navigation, a:active.navigation, a:visited.navigation {
      font-weight: bold;
      text-decoration: none;
      background-color: transparent;
      color: #fff;
      padding: 2px 4px 0px 6px;
      margin-right: 5px;
  }
  a:hover.navigation {
      font-weight: bold;
      text-decoration: none;
      background-color: #c53838;
      color: #fff;
      border-radius: 2px;
  }
  </code></pre>
  
  <p>Which technically should give the properties to every link that has the class "navigation".  But it doesn't. Only the first link gets the properties. I don't know if they don't get any property but at least only the first gets the border-radius property.</p>
  
  <p>The HTML looks like this:</p>
  
  <pre><code>&lt;a href="index.html" class="navigation"&gt;Startseite&lt;/a&gt;
  &lt;a href="lexikon.html" class="navigation"&gt;Lexikon&lt;/a&gt;
  &lt;a href="historie.html" class="navigation"&gt;Historie&lt;/a&gt;
  and more
  </code></pre>
  
  <p>Every link shall look like this when hovered</p>
  
  <p><img src="https://i.stack.imgur.com/YyJWF.png" alt="http://itbild.de//img/eb92937b69eeb7650aaf2095d4616860Bildschirmfoto-2011-12-10-um-15.59.59.png"></p>
  
  <p>But the second, third and fourth look like this</p>
  
  <p><img src="https://i.stack.imgur.com/daHEg.png" alt="http://itbild.de//img/5aa767cef505bb4745f5b42a58d05e5cBildschirmfoto-2011-12-10-um-16.00.08.png"></p>