Sélecteur descendant depuis une classe

div p {
    color: red;
}

observer l’espace entre div et p

Cela signifie : « Tous les <p> qui sont DANS un <div> seront rouges. »

<p>Ce texte ne change pas.</p>

<div>
    <p>Ce texte devient rouge.</p>
</div>

Si la <div> a un nom de classe, on l’utilise dans le sélecteur CSS pour cibler uniquement les éléments à l’intérieur de cette div. Observer l’espace en .boite et p

.boite p {
    color: blue;
}

ela signifie : « Tous les <p> qui sont DANS une <div> avec la classe .boite seront bleus. »

<p>Ce texte ne change pas.</p>

<div class="boite">
    <p>Ce texte devient bleu.</p>
</div>