user
Considérons une page HTML qui ne contient qu'un seul style CSS : p { color: red;} a. Uniquement les textes contenus dans les balises <p> seront en rouge. b. Uniquement le texte contenu dans la première balise <p> sera en rouge. c. Le texte contenu dans les balises <p> et ses descendants seront en rouge. d. Tout le texte de la page sera en rouge.
alphonsio

La bonne réponse est :

c. Le texte contenu dans les balises <p> et ses descendants seront en rouge.


Explications détaillées :

  1. Règle CSS : La déclaration p { color: red; } s'applique à toutes les balises <p> de la page.

    • Cela signifie que tout le texte directement contenu dans une balise <p> sera rouge.
    • Les descendants des balises <p> (comme <span> ou <a> à l'intérieur d'un <p>) hériteront également de cette couleur, sauf si une règle CSS spécifique leur donne une autre couleur.
  2. Héritage en CSS : La propriété color est héritée automatiquement pour les éléments texte descendants. Cela affecte donc tout ce qui est contenu dans les balises <p>, y compris les descendants comme du texte brut, des balises <span>, ou d'autres éléments.

Pourquoi les autres réponses sont incorrectes :

  • a. Incorrect : Cette affirmation ne prend pas en compte que les descendants des <p> hériteront également de la couleur rouge.
  • b. Incorrect : La règle CSS ne s'applique pas uniquement à la première balise <p>, mais à toutes les balises <p> présentes sur la page.
  • d. Incorrect : Tout le texte de la page ne sera pas rouge. Seul le texte contenu dans les balises <p> et leurs descendants sera rouge.

Exemple :

<style>
  p { color: red; }
</style>
<p>
  Ceci est un texte rouge.
  <span>Ce texte sera aussi rouge.</span>
</p>
<div>
  Ceci ne sera pas rouge.
</div>

Dans cet exemple, seul le texte du paragraphe <p> et ses descendants (<span>) sont rouges. Le texte contenu dans <div> reste inchangé :