個人路徑上的不同懸停/ svg中的多邊形

Question

我通過js訪問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> 

我設法改變一個單獨的多邊形的顏色一個SVG裏在我的CSS：

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

有什麼辦法來廣告在我的CSS懸停效果與該id，使填充的顏色在鼠標懸停時發生變化？

Answer 1

你可以用:hover（fiddle）做到這一點：

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