SVG锚点当前页面突出显示

Question

我有一个基于SVG的菜单，其中的链接如下所示。我想突出显示当前页面的链接(例如，通过添加“font-weight:加粗”)。有什么建议吗？我应该用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:hover的失败。