L'héritage des propriétés

L'héritage est l'une des notions les plus importantes en CSS. Elle signifie que tout élément HTML va hériter des propriétés CSS de son parent.

Prenons une balise <div> dans laquelle nous allons mettre un paragraphe :

				
					<div>
						<p>
							Un super paragraphe.
						</p>
					</div>
				
			

Si j'applique des propriétés à la <div>, la balise <p> en héritera.
Par exemple, je vais appliquer une couleur de texte blue :

				
					div{
						color: blue;
					}
				
			

En faisant ça, le texte dans ma balise <p> devient bleu :

Un super paragraphe.