-
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 <body>,
-
on peut voir qu'elle est sélectionnée automatiquement
-
dans les balises enfant.
-
Comme pour le <h1> 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 <body>, 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 <h2> 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 <body>
-
et vous regardez ce qui se passe,
-
soit vous cherchez la propriété sur Internet
-
et vous lisez la documentation la concernant.
Khan Academy
