Bonjour tout le monde,
ma question est sans aucun doute une question de gros débutant mais il y a quelque chose qui me chiffonne dans le css depuis quelques temps sur l'imbrication de blocs, type div par exemple ... Donc, excusez-moi si cette question insulte vos compétences : ce n'était pas le but
J'ai deux blocs div imbriqués l'un dans l'autre. Le premier est associé à un identifiant css #corps qui mets en rouge les liens hypertextes
et le deuxième (imbriqué) à une classe nommée .intern qui souhaiterait, lui, mettre en bleu les liens hypertextes
Pourtant, si je tape le code html suivant
alors le lien est affiché en rouge (du à div#corps) et non en bleu. Pourtant, le div le plus proche hiérarchiquement de la balise <a> est bien de class "intern". Pour que le lien soit bleu je dois spécifier dans la feuille css toute la hiérarchie:
Est-ce normal ? Je pensais que le design css prit en compte était toujours celui du plus proche parent, sans avoir à préciser toute la hiérarchie. J'imagine que je me fourvoyais tout simplement depuis le début...
En tout cas, merci d'avance et bonne fin de journée !
ma question est sans aucun doute une question de gros débutant mais il y a quelque chose qui me chiffonne dans le css depuis quelques temps sur l'imbrication de blocs, type div par exemple ... Donc, excusez-moi si cette question insulte vos compétences : ce n'était pas le but
J'ai deux blocs div imbriqués l'un dans l'autre. Le premier est associé à un identifiant css #corps qui mets en rouge les liens hypertextes
#corps a{color: red;}
et le deuxième (imbriqué) à une classe nommée .intern qui souhaiterait, lui, mettre en bleu les liens hypertextes
.intern a{color: blue;}
Pourtant, si je tape le code html suivant
<div id="corps"><div class="intern"><p><a href=#>puissant lien</a></p></div></div>
alors le lien est affiché en rouge (du à div#corps) et non en bleu. Pourtant, le div le plus proche hiérarchiquement de la balise <a> est bien de class "intern". Pour que le lien soit bleu je dois spécifier dans la feuille css toute la hiérarchie:
#corps .intern a{color: blue;}
Est-ce normal ? Je pensais que le design css prit en compte était toujours celui du plus proche parent, sans avoir à préciser toute la hiérarchie. J'imagine que je me fourvoyais tout simplement depuis le début...
En tout cas, merci d'avance et bonne fin de journée !