[Résolu] Liens et titres

Bonjour,

Je voudrais que les liens dans les titres h5 soient différents des autres liens du site.
J'ai défini mes liens comme ceci :

a écrit :
a, a:link, a:visited
{
text-decoration: none;
color: #663300;
}

a:hover
{
text-decoration: underline;
color: #FFCC00;
}

et montitre h5 comme ceci :

a écrit :

h5
{
margin: 0 0 0 0;
padding: 0 0 0 0;
color: white;
background-color: #663300;
text-transform: uppercase;
text-indent: 4px;
width: 100%;
}

Comment redefinir les liens dans h5 ?

Merci
Modifié par anjopa (09 Feb 2007 - 07:37)

Bonsoir et bienvenue ;

pour cela, tu dois déclarer ton lien comme selecteur de descendant (appelé aussi selecteur contextuel) qui ne doit dépendre que de H5.
Cela s'exprime par un espace entre les deux sélecteurs ancêtre(h5) et descendant (a). Dans ce cas on est dans un modèle parent/enfant.

le code commenté (/*...*/)

h5 a
{
margin: 0; /* 4 valeurs identiques peuvent être rassemblées en une seule valeur*/
padding: 0;
color: white;
background-color: #663300;
text-transform: uppercase;
text-indent: 4px;
width: 100%; /*inutile puisqu'un élément de type bloc comme H5 prend 
par default (valeur auto) tout l'espace disponible en largeur*/
}

Modifié par Hermann (09 Feb 2007 - 00:50)

Bonjour,

Merci Hermann pour ta réponse.

A+