Il y a peu on a vu fleurir des liens vers des propositions au groupe de travail CSS. Et en particulier une proposition de variables CSS. Ces variables peuvent être changées dynamiquement en javascript. Le rendu est alors refait avec la nouvelle valeur, partout où la variable était utilisée.
La question des performances
Si vous gérez plusieurs CSS sur une même page vous avez le choix entre faire un javascript qui va parcourir toutes vos feuilles de style à chaque changement pour reporter le changement (et faire attention à ne pas le faire pour les CSS externes que vous ne contrôlez pas), ou imbriquer vos feuilles de styles les unes dans les autres à coups de @import.
S’en suit quelques commentaires sur le blog de l’excellent Laurent Jouanneau à propos du coût en performance de @import. C’est une syntaxe déconseillée un peu partout du point de vue des performances et j’ai entendu des choses étranges, comme le fait que les CSS en @import seraient téléchargées après tout le contenu, voire après le onload de la page, ou que ça bloque tout le navigateur au même titre qu’un <script>. (Lire la suite…)