Discussion :

[Medde]

Bonjour.
Je souhaiterais avoir une explication concernant ce qui suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="Titre"><a href="ses_missions.html">Ses Missions</a></div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.Titre
{text-decoration:none;
color:white;}

Le lien ne prend pas la couleur demandé et reste souligné, pourquoi le phénomène d’héritage n’est pas respecté dans ce cas la?

Merci par avance.

Bonne journée.

[Vil'Coyote]

Salut,
tout bonnement par ce que ta classe "Titre" n'est pas définie pour les éléments lien.

Titre.a
Titre.a:hover
Titre.a:visited

etc ....

il faut définir ce dont tu as besoin.

[Medde]

Mais .Titre est un block : tous ce qui est à l’intérieur de ce block devraient subir les transformations demandées (par héritage) .
Comme c’est le cas ici (concluant) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="Titre"><span>Ses Missions</span></div>

Quelle est la difference?

Que veux-tu dire par "n'est pas définie pour les éléments lien" : une exception?

A+

[Vil'Coyote]

Salut,

oui en effet tout ce qui s'y trouve doit hériter de la classe mère sauf que comme je te l'ai expliquer dans mon précédent post,
tu as défini une class titre qui n'est valable que pour du texte et non pour un lien pour cela tu doit en plus définir dans ton css

a.Titre
{text-decoration:none;
color:white;}

après tu doit décliner en fonction de l'utilisation avec les
a.Titre:hover, a.Titre:visited etc .... car si tu ne les définis pas le lien prendra les valeur par défaut.

[Medde]

Re.

a.Titre
{text-decoration:none;
color:white;}

Ce code ne donne rien!!(Tu ne changes rien en Xhtml?)

C'est à cause du css par défaut du navigateur qui attribue un text-decoration:underline ainsi que la couleur bleue à l'élément a. Toi, tu attribues un text-decoration:none à un div qui de toute manière en est dépourvu. Par contre il reste toujours le text-decoration:underline sur l'élément a et donc il s'affiche.

Ma conclusion est donc que l’héritage ne s’applique pas aux liens!!

A+

[Erwan31]

Ce code ne donne rien!!(Tu ne changes rien en Xhtml?)

Si tu oublies d'appliquer la class au lien ça ne risque pas de fonctionner. Il te manque certaines bases indispensables pour pouvoir utiliser CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a class="Titre" href="ses_missions.html">Ses Missions</a>

Ma conclusion est donc que l’héritage ne s’applique pas aux liens!!

Si, il s'applique comme tout éléments. Les liens héritent des propriétés applicables aux éléments inline (span, strong, a, i...) définies au niveau d'un des ancêtres du lien à condition que celles-ci ne soient pas déjà définies au niveau dans la CSS UA (les styles par défaut du navigateurs comme l'explique CandyGirl). Ils héritent généralement par exemple de la font appliquée sur le body.

[Candygirl]

Hello,

pourquoi le phénomène d’héritage n’est pas respecté dans ce cas la?

C'est à cause du css par défaut du navigateur qui attribue un text-decoration:underline ainsi que la couleur bleue à l'élément a. Toi, tu attribues un text-decoration:none à un div qui de toute manière en est dépourvu. Par contre il reste toujours le text-decoration:underline sur l'élément a et donc il s'affiche.