[CSS] Tout sauf dans un div

Question

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.

avion-f16 · Answer

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".

[CSS] Tout sauf dans un div

1 réponse

Votre réponse

Discussions similaires