SVG錨點當前頁面突出顯示

Question

我有一個基於SVG的菜單，其鏈接類似於以下內容。我想突出顯示當前頁面的鏈接（例如，通過添加「font-weight：bold」）。有什麼建議麼？我應該用Javascript做些什麼？ （請注意，爲了兼容性，我通過<對象>標記鏈接了我的HTML頁面中的SVG，因此解決方案必須使用該約束。）哦，而且我只在現代瀏覽器中使用高亮顯示就可以。

<svg ...> 
    <style type="text/css"> 
a text { 
    fill:#ffffff; 
} 
a:hover text { 
    fill:#2020ff; 
} 
    </style> 
    <g> 
    <a id="aHome" xlink:href="/" target="_top"> 
     <text id="txtHome">Home</text> 
    </a> 
    ... 
    </g> 
</svg> 

Answer 1

好吧，顯然忘記這一個星期是值得一個銅牌徽章。 :-P

無論如何，上面的代碼本身實際上是正確的。去圖 - 我有其他覆蓋CSS樣式，導致a：懸停位失敗。