[Résolu] Pour tous les <a> d'un id

Sujet pas très clair, mais voici l'explication simple de ce que je recherche :

J'ai ceci :

#monId a:hover, 
#monId a.maClasseA:hover, 
#monId a.maClasseB:hover, 
#monId a.maClasseC:hover, 
#monId a.maClasseD:hover 
{background-color: #FF0000;}

Cela fonctionne très bien, mais j'aimerais savoir s'il y aurait moyen de racourcir un peu ce code avec une syntaxe du style :

#monId a.*:hover 
{background-color: #FF0000;}

Une idée ?

Merci d'avance pour vos idées

aurel
Modifié par aurapp (12 Dec 2005 - 11:48)

il te suffit de faire :

a:hover
{
    background-color: #FF0000;
}

Hélas non...

En effet, par exemple, ma classe "maClasseA" est la suivante :

a.maClasseA
{ background-color: #FFFFFF; }

du coup, elle prédomine sur un a:hover générique...
le background reste #FFFFFF en hover, et hélas ne passe pas à #FF0000 comme spécifié dans a:hover.
Je suis donc obligé de le spécifier en ajoutant a.maClasseA:hover.

tu peux nous donner ta feuille de styles complète stp

Ok, voici ma feuille de style :

#monId
{ width: 100%; }

#monId a
{
	background-color: #E1FBE0;
  	color: #000000;
}

#monId a.maClasseA {
  	background-color: #FFFFFF;
  	font-weight: bold;
}

#monId a.maClasseB {
  	background-color: #FF8000;
  	font-weight: bold;
  	color: #C40000;
}

#monId a.maClasseC {
  	background-color: #E1E1E1;
  	font-style: italic;
  	color: #727272;
}

#monId a:hover,
a.maClasseA:hover,
a.maClasseB:hover,
a.maClasseC:hover
{ background-color: #B5EDBC; }

Bonjour aurapp.

body #monid a:hover {
    background-color: #FF0000;
}

ou

body #monid a:hover {
    background-color: #FF0000 !important;
}

Lire : Cascade CSS et priorité des sélecteurs.

Super ! Merci beaucoup !

Je n'avais JAMAIS entendu parler du "!important", vraiment intéressant !

Mon nouveau code est simplement :

#monId a:hover {
     background-color: #FF8000 !important;
}

merci encore...

C'est donc [Résolu] ?