HTML und CSS · Middle · Frage 27 von 75
Wie unterscheiden sich CSS-Variablen (--x) grundsätzlich von Sass-Variablen ($x)?
- 1CSS-Variablen werden nur in Chromium unterstützt, deshalb ist Sass zuverlässiger
- 2Kein Unterschied: Sass kompiliert
$xnur zu--x, danach funktionieren sie gleich - 3
--xlebt im Browser und ändert sich zur Laufzeit,$xwird beim Build eingesetzt
Antwort zeigen
Richtige Antwort: --x lebt im Browser und ändert sich zur Laufzeit, $x wird beim Build eingesetzt
Erklärung
Eine Sass-Variable ist ein Wert zur Kompilierzeit; im ausgegebenen CSS gibt es sie nicht. Eine Custom Property nimmt an der Kaskade teil: Man kann sie pro Komponente, in @media, bei :hover, im dunklen Theme oder aus JavaScript über style.setProperty überschreiben. Meist kombiniert man beides: Sass für Build-Logik, CSS-Variablen für Themes und Dynamik.