1
J'essaie d'utiliser un préprocesseur CSS pour réduire la duplication lors de l'écriture du code. Dans mon HTML, ces éléments auront seulement une classe. Je veux aller de quelque chose commeUtiliser le pré-processeur CSS pour référencer la classe présente dans un élément
a.USA{background: url('images/USA.gif'};
a.EUR{background: url('images/EUR.gif'};
a.JPN{background: url('images/JPN.gif'};
au pseudo-code suivant:
a.USA,a.EUR,a.JPN{
background: url('images/[THE-NAME-OF-THE-ACTUAL-CLASS-USED].gif');
}
Comment pourrais-je faire cela en moins ou Sass (n'a pas d'importance)?
Non, autant que je sache, vous ne pouvez pas les regrouper dans un seul sélecteur CSS. Dans Less/Sass vous pouvez en faire un seul bloc mais la sortie CSS compilée sera toujours la même que celle d'origine. – Harry
@Harry le problème de duplication que je posais était avec le code tapé à la main, pas le CSS compilé. J'ai édité la question pour clarifier. –
@MikeEng: Ok. Si tel est le cas, cela peut être fait avec Sass et Less. – Harry