css - 如何通过 css 设置 SVG 样式？

Question

我有这段代码:

#circleSVG {
 fill : red;
}

<svg>
  <g transform='translate(100,100)'>
    <circle id='#circleSVG' r='5'></circle>
  </g>
</svg>

JSFiddle:https://jsfiddle.net/thatOneGuy/x2pxx92e/

是否可以通过 CSS 设置圆圈的样式？而不是像这样内联(我正在使用 D3):

d3.select('#circleSVG').style('fill','red');

Answer 1

您在将 id 添加到您的圈子时犯了一个错误。它应该是 id='circleSVG'，而不是 id='#circleSVG'。

在 CSS 中，您使用 # 来表示一个 id 和 . 来表示一个类。