Vorteile nativer CSS-Variablen

Ich neige dazu zu denken, dass Variablen am besten einer Vorverarbeitung überlassen bleiben, aber es gibt einige klare Dinge, die sie direkt in CSS tun können

Daniel Imms

[sie] können zur Laufzeit geändert werden, was die Implementierung von Dingen wie Theming eleganter ermöglicht.

d.h. Ändern Sie den Wert einer Variablen auf einer live gerenderten Webseite und sehen Sie die Änderungen überall dort, wo diese Variable verwendet wird.
Peter Gasston

Sie können den Wert über die setProperty() Methode des style-Objekts festlegen

Was #1 ermöglicht und coole Möglichkeiten eröffnet.
Sie können auf ein Element beschränkt werden. So könnten Sie vielleicht Variablen setzen, die Farben repräsentieren, um eine Website zu thematisieren, aber sie auf Komponentenebene überschreiben, um bei Bedarf kleinere Bereiche mit unterschiedlichen Themes zu versehen.

Direkter Link →