Style d3 Svg Linie mit CSS

Question

Ich möchte mein d3 Linienelement mit CSS stylen. Es scheint, ganz gut wie „rect“ für andere Elemente zu arbeiten „Pfad“ oder „Kreis“, sondern für „line“ Ich kann einfach nicht damit es funktioniert ...

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") 

Wenn ich den Kommentar in der letzten Zeile es funktioniert, entfernen, aber ich will nicht Inline-CSS verwenden.

mir scheint, wie Sie nicht den Hub Attribut speziell eine Linie ohne Inline-CSS einstellen ...

ich etwas fehlt?

Answer 1

den Punkt entfernen ...

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

In CSS verwendet eine Klasse ein Punkt wie .my-class Elemente nichts vor ihnen haben z.B. line oder div und IDs haben # wie #my-id