optimisation des CSS en termes de LoC

Question

Une question stupide mais juste curieux, que j'ai un css dans le format suivant,

.name1{color: black} 
.name2{color: red} 
.name3{color: yellow} 

Maintenant, je dois ajouter une autre propriété comme text-decoration: underline sur tout cela Trois. Au lieu d'ajouter dans chaque règle,

.name1{color: black,text-decoration: underline } 
.name2{color: red,text-decoration: underline } 
.name3{color: yellow,text-decoration: underline } 

Y at-il une meilleure façon de le faire comme eux liguer pour que le texte-decoration: underline et utiliser leur couleur en tant que telle. Quelque chose comme l'héritage ou l'over-riding dans les POO.

Merci, Abi

Answer 1

.name1, 
.name2, 
.name3 { 
    text-decoration: underline; 
} 

Vous pouvez également ajouter une classe à chaque élément dans le code HTML et référencer une fois dans le CSS. En outre, le délimiteur de propriété est ;, et non ,.