title: How to change two properties in two different classes on hover?
body: <p>I have made two classes in a SVG-file to decide the fill color of many many different shapes. The different shapes are grouped and now I want them to change differently on hover. On hover I want all the fill in class "test1" (that are inside the groupe) to change to e.g. #000000 and to set the opacity in the class "test2" to 0.8.</p>
  
  <pre><code>&lt;style type="text/css" &gt;
      .test1 { fill:  #006600;}
      .test2 { fill:  #0000FF; opacity: 0.3;}
      g:hover { ????? }
  &lt;/style&gt;
  </code></pre>
  
  <p>Any leads?</p>