Héritage classe a

bonjour à tous

je n'arrive pas à définir une couleur aux liens qui sont dans une classe donnée... (je n'arrive pas à écrire la syntaxe...)

a {text-decoration:none;color:#FF0000;}
a:link {text-decoration:none;color:#FF0000;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none; color:#FF0000;}
a:active {text-decoration:none;color:#FF0000;}

.pied {
color: #FFCC33;
}

et je souhaite que lorsqu'on est sur la classe pied, que les textes restent en #FFCC33 mais que les liens soient en #000000, donc il me faut attribuer un autre "a" à pied...

si quelqu'un peut m'aider...

meric d'vanace

Tu devrais jeter un coup d'œil à la syntaxe des sélecteurs CSS. En particulier au sélecteur descendant (le caractère espace).

.pied a {color: black;}

Devrait faire l'affaire.

En passant, en utilisant mieux l'héritage des propriétés, tu peux simplifier un peu ton code. Petit exemple :

a {text-decoration: none; color: red;}

.pied {color: #ffcc33;}
.pied a {color: black;}

Est strictement équivalent au code que tu as donné (plus ajout de la dernière ligne).

Si tu veux spécifier une couleur différente pour les liens survolés et actifs, tu peux faire comme ça :

a:hover, a:active {color: green;}

Inutile de répéter un text-decoration si ce n'est pas pour contredire celui qui s'applique à tous les liens quel que soit leur état.

merci beaucoup pour vos conseils