css - 样式 d3 svg 线与 css

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