[CSS] Tout sauf dans un div

gdfughjerd -  
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,

Je veux que les lien fasse ceci :

a {
color : black;
text-decoration : none;
}
a:hover {
color : orange;
text-decoration : none;
}

Mais je veux quand dans le div "truc" il y est une autre règle :
#truc {
a {
color : red;
text-decoration : none;
}
a:hover {
color : orange;
text-decoration : none;
}
}
a {
color : black;
text-decoration : none;
}
a:hover {
color : orange;
text-decoration : none;
}

Donc voila j'ai mis la nouvelle règle entre les { ... }mais cela ne fonctionne pas.

Merci d'avance.

1 réponse

avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Salut.

Je te conseil de revoir les sélecteurs en CSS.

Voilà comme faire :
#truc a {
    color : red;
    text-decoration : none;
}

a {
    color : black;
    text-decoration : none;
}
a:hover {
    color : orange;
}


- Il est inutile de répéter "text-decoration" sur ":hover" s'il est déjà mis sur le lien normal.
- "#truc a:hover" est inutile car la couleur est la même que "a:hover".
0