Bonjour, j'aimerai savoir comment je peux optimiser ce code là, en effet étant donné que j'ai plusieurs classes qui possèdent la même couleur de liens j'aimerai savoir si je peux combiner les classes ?

.footer-menu a:link {
    color: #a0a0a0;
}

 .iut a:link {
    color: white;
}
.box a:link{
	color: white;
}

.source a:link{
	color: #a0a0a0;
}

.ancre-contenu a:link{
	color: #a0a0a0;
}

.footer-menu a:visited {
    color: #c0c0c0;
}

.iut a:visited {
    color: #c0c0c0;
}

.box a:visited{
	color: white;
}

.source a:visited{
	color: #c0c0c0;
}

.ancre-contenu a:visited{
	color: #c0c0c0;
}

.footer-menu a:hover {
    color: #d0d0d0;
}

.iut a:hover {
    color: #d0d0d0;
}

.box a:hover{
	color: white;
}

.source a:hover{
	color: #d0d0d0;
}

.ancre-contenu a:hover{
	color: #d0d0d0;
}

Hello,

Bien sûre et c'est tout l'intérêt. 

Tu peux affecter plusieurs classes à un élément html, exemple :

<p class="couleur fond police taille " > la balise p possède 4 classes</p>

exemple rapide: https://jsfiddle.net/ebcjt1oh/2/ 

Pour ton css, exemple de regroupement: 

.footer-menu a:link , .source a:link , .ancre-contenu a:link {
    color: #a0a0a0;
}

A toi de t'organiser pour alléger le html et son css

-
Edité par Lucky13 15 novembre 2018 à 20:37:11