title: CSS grouping :hover & :active
body: <p>When I want to define css selector with <code>:hover</code> and <code>:active</code> I have to do:</p>
  
  <pre><code>#mainPage #content div.group:hover, #mainPage #content div.group:active {}
  </code></pre>
  
  <p>As one can see it contians repeated <code>#mainPage #content div.group</code> and can get messy. Is there a way to group it somehow like:</p>
  
  <pre><code>#mainPage #content div.group:hover:active {}
  </code></pre>