Wie verwendet man CSS Variablen

von | Mai 18, 2022 | Allgemein | 0 Kommentare

Wenn man programmiert, dann möchte man gewisse Inhalte zwischenspeichern damit man sie später wieder verwenden kann. Dafür hat „Gott“ die Variablen erfunden. Was viele Menschen gar nicht wissen ist, dass man in CSS auch Variablen verwenden kann. Wenn man also zb Farben immer wieder verwenden muss, zb alle Textfarben gleich haben möchte, dann kann man jede dieser Klassen einzeln mit einem Farbbefehl ausstatten oder man macht sich das Leben einfacher und verwendet eine Variable

Im heuten Beitrag möchte ich euch nun zeigen wie das ganze geht.

Video

CSS Variable definieren

1
2
3
:root {
--p-farbe: #8a2be2;
}

CSS Variable einbauen

1
2
3
p {
color: var(--p-farbe);
}

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht.