Ich habe diesen Code:Wie style SVG über CSS?
#circleSVG {
fill : red;
}<svg>
<g transform='translate(100,100)'>
<circle id='#circleSVG' r='5'></circle>
</g>
</svg>JSFiddle: https://jsfiddle.net/thatOneGuy/x2pxx92e/
Ist es möglich, den Kreis über CSS stylen? Und Inline nicht wie so (ich bin mit D3):
d3.select('#circleSVG').style('fill','red');
Sie einen Fehler gemacht, wenn die id zu Ihrem Kreis hinzufügen. Es sollte id='circleSVG' sein, nicht id='#circleSVG'.
Mit CSS verwenden Sie #, um eine id und . zu bezeichnen, um eine Klasse zu bezeichnen.
was für ein Idiot ich bin. Dummer Fehler. Vielen Dank für das Aufzeigen – thatOneGuy
Es ist in Ordnung! Wir alle machen diese Fehler. – Ashitaka
nicht angenommen, Sie könnten einen Blick auf diese: https://jsfiddle.net/thatOneGuy/x2pxx92e/ 5/Ich füge eine Klasse bei mouseover hinzu, die den Kreis orange färben soll, tut es aber nicht.Das ist mein aktuelles Problem, das ich in meinem Offline-Code habe – thatOneGuy
entfernen Sie das # aus dem ID
/**
* essentially the same CSS just more precise.
**/
svg.foo-class>g>circle {
fill : red;
}<svg class="foo-class">
<g transform='translate(100,100)'>
<circle id='circleSVG' r='5'></circle>
</g>
</svg>
versuchen, dieses 'svg Kreis {fill: red;}' –
@MinalChauhan i sein müssen kann es über ID/Klasse auswählen. Das funktioniert aber – thatOneGuy
Es ist möglich mit ID und Klasse .. überprüfen Sie dies .. https://jsfiddle.net/x2pxx92e/4/ –