Ich definiere meine Variablen gemäß der Spezifikation so:
:root {
--my-colour: #000;
}
Und wie folgt auf sie zugreifen:
.my-element {
background: var( --my-colour );
}
Was gut funktioniert.
Ich habe mich jedoch gefragt, ob es eine Möglichkeit gibt, das zu debuggen oder zu inspizieren :root CSS-Regel, um zu sehen, welche Variablen definiert wurden und welche Werte sie hatten?
Nach meinem Verständnis ist die :root Wahlschalter und html Beide Selektoren zielen jedoch auf dasselbe Element ab, wenn ich die inspiziere html Element mit den Debugging-Tools von Chrome kann ich nichts Definiertes sehen:
Gibt es eine Möglichkeit herauszufinden, welche Variablen definiert wurden und deren Werte?
… 
Vielleicht können Sie einen Blick auf: stackoverflow.com/a/10175042/3365426 werfen
– David H.
24. Februar 2016 um 14:32 Uhr
Danke, das habe ich gerade versucht, aber es gibt nur den berechneten Stil des HTML-Elements aus, keine Variablen.
– Paulus. B
24. Februar 2016 um 14:49 Uhr
Ich denke, du musst dich untersuchen lassen
.my-elementum den Wert zu sehen--my-colourVariable. Im Root-Element können Sie den Wert nicht anzeigen (Sie haben nach der Definition gefragt, aber ich denke, die Entwicklerkonsolen sind noch nicht darauf vorbereitet).– Marcos Perez Gude
24. Februar 2016 um 14:51 Uhr