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.

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

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

[Medde]

à 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).

Je comprends!, donc il y a bien exception pour certaines propriétés qui ne sont modifiable, uniquement en s’adressant à l’élément en question.

[Erwan31]

Je comprends!, donc il y a bien exception pour certaines propriétés qui ne sont modifiable, uniquement en s’adressant à l’élément en question.

Toutes les propriétés que tu appliques à l'élément viennent surclasser les propriétés équivalente définies dans la CSS UA (User Agent: navigateurs graphiques/texte, lecteur d'écran...) sauf les propriétés de la CSS UA marquées !important qui ne peuvent pas être surclassées, ni par une règle CSS auteur (celle de ta CSS) ni par une règle CSS User (celle que tu créés pour personnaliser l'affichage du site).

[Medde]

Ok.
Merci.