Guten Morgen zusammen,

Ich hatte in meinem Web-Projekt in meiner index.html ein Stylesheet verlinkt, in welchem ich u. a. im :root Variablen (user properties) deklariert habe, welche weiter unten in der Datei verwendet wurden. Da die Datei aber ziemlich lang geworden ist, habe ich diese nun in vier Sylesheets aufgeteilt (general, header, main, footer). In der general.css datei werden z. B. body und html gestylet und im :root Variablen (user properties) definiert.

Diese Variablen sind bereits im header{} (in der header.css) benutzt worden, nur eben jetzt in einem neuen Stylesheet. Wenn ich diese in der general.css ändere, werden diese Änderungen auch in der header.css übernommen. Doch wenn ich im :root (general.css) eine neue Variable deklariere, wird sie mir in der header.css nicht angezeigt...

Weiß von euch jemand Rat oder sehe ich den Wald vor lauter Bäumen mal wieder (😉) nicht?

Liebe Grüße

PS: ich benutze VS-Code als Editor