Maintenant que vous avez vu plein de propriétés,
je veux vous parler de quelque chose
que vous avez peut-être déjà remarqué par vous-même,
un concept appelé 'héritage'.
Quelques propriétés CSS s'héritent,
ce qui veut dire qu'elles s'appliquent
à toutes les balises enfant situées à l'intérieur de la principale.
Par exemple, 'font-family' est une propriété qui s'hérite.
En la définissant simplement sur la balise ,
on peut voir qu'elle est sélectionnée automatiquement
dans les balises enfant.
Comme pour le ou les paragraphes.
Elle arrête de s'appliquer seulement si une autre règle prend le pas.
Comme cette règle qui modifie la famille de police
de tous les titres en 'cursive'.
Une autre propriété qui s'hérite est 'color'.
Si on la définit sur , on peut la voir s'infiltrer en dessous,
dans toutes les balises, sauf si une autre règle prend le pas.
Comme cette règle ici qui définit les en vert.
Les autres propriétés qui s'héritent et qu'on a vues sont 'font-weight',
'font-size', 'font-style', 'line-height' et 'text-align'.
En fait, beaucoup de celles qu'on a vues s'héritent,
car elles ont un lien avec la mise en forme du texte
et les navigateurs supposent que les concepteurs de site Web
veulent que les styles appliqués au texte se répercutent en-dessous,
de telle façon qu'ils n'aient pas à les définir
à chaque niveau.
En allant plus loin cependant, la plupart des nouvelles propriétés
que vous verrez ne s'hériteront pas.
Si vous n'êtes pas sûr de l'héritage d'une propriété,
soit vous l'appliquez à la balise
et vous regardez ce qui se passe,
soit vous cherchez la propriété sur Internet
et vous lisez la documentation la concernant.