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：悬停位失败。