Jumeler les codes CSS répétitif
Dans le codage css on peut utiliser les même définition pour plusieurs éléments sans avoir besoin de faire de répétition.Exemple de code répétitif inutile:
/* fichier css */
a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#9966CC;
text-decoration:none;
}
a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#9966CC;
text-decoration:none;
}
a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#9966CC;
text-decoration:none;
}
Voici le même résultat de code optimiser:
/* css simplifier */
a:link, a:hover, a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#9966CC;
text-decoration:none;
}
En séparant les balises et les classe par des virgules, ont peut affecter plusieurs éléments différents aux même valeurs de style. Ceci est pratique parce que cela permet de réduire la taille de la feuille de style et de simplifier la mise à jour de la feuille de style.