title: Multiple Class Styling Links
body: <p>To further trim my css down I need to know how to style the links in multiple classes on one line for each link, visited, hover and active (unless there's a better way)</p>
  
  <pre><code>&lt;div class="div1"&gt;&lt;a href=""&gt;Some words&lt;/a&gt;&lt;/div&gt;
  &lt;div class="div2"&gt;&lt;a href=""&gt;Some words&lt;/a&gt;&lt;/div&gt;
  &lt;div class="div3"&gt;&lt;a href=""&gt;Some words&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Below is the css I thought would work but just the first column does '.div1' while .div2 and .div3 are ignored</p>
  
  <pre><code>.div1 a:link, div2 a:link, div3 a:link {
      color: red;
  }
  .div1 a:visited, div2 a:visited, div3 a:visited {
      color: red;
  }
  .div1 a:hover, div2 a:hover, div3 a:hover {
      color: blue;
  }
  .div1 a:active, div2 a:active, div3 a:active {
      color: blue;
  }
  </code></pre>