Est-ce que CSS a des plans pour supporter les variables?

Question

Je sais que je peux utiliser des frameworks (http://lesscss.org) pour accomplir cela mais je me demandais si CSS pur supporterait ça à tout moment?

Answer 1

CSS a-t-il prévu de prendre en charge des variables?

Plus de plans, il a une W3C candidate recommendation, mises en œuvre telles que Chrome et Firefox herehere, et la mise en œuvre et bord feuille de route here. Voici un full support matrix, montrant qu'ils sont actuellement disponibles en FF et Chrome.

Un google pour "css variables" fait apparaître le MDN page, qui décrit la situation actuelle de manière détaillée.

Je sais que je peux utiliser des cadres (http://lesscss.org) pour accomplir cette

variables CSS véritables obéissent à la cascade. En ce sens, ils sont un peu plus puissants que les variables implémentées dans les pré-processeurs tels que LESS (qui est un pré-processeur, pas un cadre, soit dit en passant).

Answer 2

Il est a Draft Spec for CSS variables que vous voudrez peut-être lire.

Voici un exemple de la syntaxe:

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

Pas sûr de la compatibilité du navigateur à partir de maintenant. Je pense que Chrome et Firefox pourraient le supporter, mais je doute que IE le fasse.

Answer 3

Probablement pas et probablement à cause de la compatibilité croisée. Imaginez que la configuration de couleurs dans votre feuille de style en tant que variables et que quelqu'un utilisant un navigateur plus ancien ou moins pris en charge n'ait pas la capacité de lire des variables et que le site n'obtienne aucune couleur! Je voudrais juste utiliser des pré-processeurs comme SASS pour résoudre ce problème.

Answer 4

Aujourd'hui, nous sommes 40% des utilisateurs mondiaux de soutien Variables CSS que vous pouvez vérifier ici: http://caniuse.com/#search=variables (alias Propriétés personnalisées)