title: Reset a css property on :hover
body: <p>I'm using svg to embed stack overflow's logo into my resume. The svg xml contains the fill color of the logo.</p>
  
  <p>Here is the svg content</p>
  
  <pre><code>&lt;svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 64 64" id="svg3715"&gt;
  &lt;defs id="defs3717"/&gt;
  &lt;g id="layer1"&gt;
  &lt;path d="m 9.3049611,36.847632 4.4013079,0.04316 -0.153442,19.598393 29.291259,0 0,-19.527506 4.637782,0 0,24.287331 -38.2006795,0 0.023777,-24.401371 z" id="path2830" fill="#919191" style="fill-opacity:1;stroke:none"/&gt;
  &lt;rect width="22.944817" height="4.881876" x="16.481951" y="48.434078" id="rect3604" fill="#919191" style="fill-opacity:1;stroke:none"/&gt;
  &lt;rect width="23.066864" height="5.0039229" x="20.749949" y="37.830307" transform="matrix(0.9953749,0.09606666,-0.09606666,0.9953749,0,0)" id="rect3606" fill="#A78B68" style="fill-opacity:1;stroke:none"/&gt;
  &lt;rect width="23.066864" height="5.0039229" x="26.472515" y="23.401554" transform="matrix(0.96240291,0.27162592,-0.27162592,0.96240291,0,0)" id="rect3606-1" fill="#c19653" style="fill-opacity:1;stroke:none"/&gt;
  &lt;rect width="23.066864" height="5.0039229" x="30.528769" y="3.1535864" transform="matrix(0.85597805,0.51701216,-0.51701216,0.85597805,0,0)" id="rect3606-1-3" fill="#D48C28" style="fill-opacity:1;stroke:none"/&gt;
  &lt;rect width="23.066864" height="5.0039229" x="27.191883" y="-24.475019" transform="matrix(0.58242689,0.81288309,-0.81288309,0.58242689,0,0)" id="rect3606-1-3-7" fill="#FE8908" style="fill-opacity:1;stroke:none"/&gt;
  &lt;rect width="23.066864" height="5.0039229" x="11.174569" y="-50.183693" transform="matrix(0.16480989,0.98632535,-0.98632535,0.16480989,0,0)" id="rect3606-1-3-7-6" fill="#FF7A15" style="fill-opacity:1;stroke:none"/&gt;
  &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>I can set the logo to be black (what I want it to look like on normal state) using</p>
  
  <pre><code>rect, path
  {
      fill: black;
  }
  </code></pre>
  
  <p>But now, what can I do to <em>remove</em> the property on <code>:hover</code>, in order to have the logo find back it's brightness ?</p>
  
  <p>I tried to look on the <code>fill</code> parameters <a href="http://www.w3.org/TR/SVG/painting.html#SpecifyingPaint" rel="nofollow">documentation</a>. But I found nothing helping.</p>