Adloun

CSS : mettre en forme le Web (école d'ingénieur) · Chapitre 2 · Application directe du cours

Parents, enfants, frères

Sélecteurs · niveau 2

Énoncé


  <section>
    <h2>Rayon informatique</h2>
    <p>p1</p>
    <div>
      <p>p2</p>
    </div>
    <p>p3</p>
    <h3>Nouveautés</h3>
    <p>p4</p>
  </section>

Dessiner l'arbre de cette section, puis donner les paragraphes désignés par : section p, section > p, h2 + p, h2 p, h3 + p, div + p, h2 + div, div p.

Corrigé

L'arbre : la section a six enfants, dans l'ordre h2, p1, div, p3, h3, p4 ; la div a un enfant, p2.

SélecteurParagraphes désignés
section pp1, p2, p3, p4
section > pp1, p3, p4
h2 + pp1
h2 pp1, p3, p4
h3 + pp4
div + pp3
h2 + divaucun : le frère qui suit le titre est p1
div pp2

(Vérifié dans Chromium.)

100 % gratuit

La suite du chapitre est sur Adloun

Exercice suivant et tuteur

Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.

Le cours du chapitre · Tous les exercices du chapitre

Exercice suivant et tuteur →