Beispiel zur Notiz „SVG mit CSS gestalten“

CSS schlägt Präsentationsattribute

Alle drei Rechtecke haben im SVG fill="red". Die CSS-Regel gewinnt immer, auch mit :where() und Spezifität 0. Nur ein style-Attribut schlägt das Stylesheet.

Getestet in Chrome 155. Browserstand und Einordnung: siehe Notiz.

fill="red" + .a rect

fill="red" + :where(.b) rect

style="fill: seagreen" + .c rect