svgの個々のパス/ポリゴンに異なるホバー

Question

js経由でsvgにアクセスします。

私は私のCSS内の1つの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> 

：

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

は、広告にどのような方法は、私のCSSでそのIDにホバー効果がある、ようにマウスオーバー時に塗りの色が変わりますか？

Answer 1

あなたは:hover（fiddle）でそれを行うことができます：それはSVG内の個々のIDS /ポリゴンへの広告リンクに可能かどう

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