verschiedene Hover auf einzelne Pfade/Polygone in Svg

Question

Ich greife über js auf die Svg.

<script type="text/javascript"> 

      $(function(){ 

    $("#stage").load('img/europa_regionen.svg',function(response){ 

     $(this).addClass("svgLoaded"); 

     if(!response){ 
      // Error loading SVG! 
      // Make absolutely sure you are running this on a web server or localhost! 
     } 

    }); 
}); 

    </script> 

Ich schaffe innerhalb eines svg in meinem css die Farbe eines einzelnen Polygons zu ändern:

[id$=_x3C_object_x3E_] { 
    fill: #ffffff; 
} 

Gibt es eine Möglichkeit zur Anzeige ein Hover-Effekt auf diese ID in meinem CSS, so dass die Farbe der Füllung ändert sich beim Mouseover?

Answer 1

Sie können es mit :hover (fiddle):

[id$=_x3C_object_x3E_]:hover { 
    fill: red; 
    stroke: blue; 
}