28172 sujets

CSS et mise en forme, CSS3

Bonjour,

je me pose une question quand à la priorité des selecteurs.
soit le code suivant :
#footer a, #footer a:link, #footer a:visited {
	color:#cebca4;
}
#footer a:hover, #footer a:active {
	color:#000;
	background-color:#cebca4;
}
#content a:link, #content a:visited 	{
	color:#fff;
	font-weight:bold;
	border-bottom:solid 2px #7c695a
}
#content a:hover, #content a:active 	{
	color:#000;
	background-color:#cebca4;
}


je sais que hover et active on une priorité superieur à link et visited. Cependant, n'est il pas possible de regrouper #footer a:hover, #footer a:active & #content a:hover, #content a:active dans la meme expression, pour gagner quelque ligne de code? On obtiendrai :


#footer a:hover, #footer a:active, #content a:hover, #content a:active{
color:#000; background-color:#cebca4;}

C'est censé etre la meme chose que :


#footer a:hover, #footer a:active {
	color:#000;
	background-color:#cebca4;
}
#content a:hover, #content a:active 	{
	color:#000;
	background-color:#cebca4;
}

Et pourtant, ce n'est pas le cas! Le regroupement ne fonctionne pas, je suis donc très curieux de comprendre pourquoi?


voilà le site pour information