CSS: Verbessere deine Webentwicklung mit CSS-Variablen - Eine Einführung
Martin Winter
15 January 2023
Um eine CSS-Variable zu nutzen, musst du zunächst eine Variable definieren. Eine Möglichkeit ist die Verwendung von :root
, das den gesamten Dokumentbaum betrifft. Du kannst die Variable in ein :root-Selektor schreiben und ihr einen Namen und einen Wert zuweisen. Beispiel:
:root {
--main-color: #66CCCC;
}
Eine andere Möglichkeit ist die Verwendung einer Klasse oder ID, die du in einem bestimmten Element anwenden kannst.