SVG锚点当前页面突出显示

Question

我有一个基于SVG的菜单，其链接类似于以下内容。我想突出显示当前页面的链接（例如，添加“font-weight：bold”）。有什么建议？我应该用Javascript做点什么吗？ （请注意，我正在通过＆lt; object＆gt;标记在我的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位失败。