Hat CSS Pläne, Variablen zu unterstützen?

Question

Ich weiß, ich kann Frameworks (http://lesscss.org) verwenden, um dies zu erreichen, aber ich frage mich, ob Pure CSS dies jederzeit unterstützt?

Answer 1

Hat CSS Pläne, Variablen zu unterstützen?

Mehr als Pläne, es hat eine W3C candidate recommendation, Implementierungen wie Chrome und Firefox herehere und und Edge-Implementierungs-Roadmap here. Hier ist eine full support matrix, die zeigt, dass sie derzeit in FF und Chrome verfügbar sind.

Ein google für "css-Variablen" bringt die MDN page, die die aktuelle Situation im Detail beschreibt.

Ich weiß, ich Frameworks verwenden (http://lesscss.org) diese

Echte CSS Variablen die Kaskade gehorchen zu erreichen. In diesem Sinne sind sie ein wenig leistungsfähiger als Variablen, wie sie in Vorprozessoren wie LESS implementiert sind (was übrigens ein Vorprozessor, ein Framework, ist).

Answer 2

Es gibt a Draft Spec for CSS variables, über die Sie vielleicht lesen möchten.

Hier ist ein Beispiel für die Syntax:

:root { 
    --main-color: #06c; 
    --accent-color: #006; 
} 
/* The rest of the CSS file */ 
#foo h1 { 
    color: var(--main-color); 
} 

auf Browser-Kompatibilität ab jetzt nicht sicher. Ich denke Chrome und Firefox unterstützen das zwar, aber ich bezweifle, dass IE das tut.

Answer 3

Wahrscheinlich nicht und wahrscheinlich wegen der Cross-Browser-Kompatibilität. Stellen Sie sich vor, Sie würden Farben in Ihrem Stylesheet als Variablen einrichten, und jemand, der einen älteren oder weniger unterstützten Browser verwendet, könnte möglicherweise keine Variablen lesen und somit würde die Site keine Farbe erhalten! Ich würde nur Vorprozessoren wie SASS verwenden, um dieses Problem zu lösen.

Answer 4

Heute sind wir 40% der Nutzer weltweit CSS Variablen unterstützt wie Sie hier überprüfen: http://caniuse.com/#search=variables (aka Benutzerdefinierte Eigenschaften)