带有CSS的d3 SVG样式线

Question

我想用CSS设置d3线元素的样式。对于其他元素，例如“ rect”，“ path”或“ circle”，似乎工作正常，但对于“ line”，我只是无法使其正常工作...

CSS：

.line {
   stroke: #000000;
   stroke-width: 0.5;
}

js：

d3.select('.container')
  .append("line")
  .attr("x1", "0")
  .attr("x2", "100")
  .attr("y1", "0")
  .attr("y2", "100")
  //.attr("style", "stroke:#000000;stroke-width:0.5")

如果我在最后一行删除注释，它可以工作，但是我不想使用内联CSS。

在我看来，如果不使用内联css就无法设置特定行的笔触属性...

我想念什么吗？

Answer 1

删除点...

line {
  stroke: #000000;
  stroke-width: 0.5;
}

在CSS中，一类使用像点.my-class的元素没有什么在他们面前的，例如line或div和ID都#喜欢#my-id