Je suis le premier paragraphe contenu dans la boite section. Je suis ciblé comme l'ensemble des enfants p dans la boite section section p { color: red; }
Je suis un titre avec la balise h2 - Le combinateur descendant ( )
Je suis le second paragraphe avec la balise p.
Je suis le troisième paragraphe avec la balise p.
Je suis le quatrième paragraphe avec la balise p encadré par une boite div. Je suis également ciblé.
Je suis le cinquième paragraphe avec la balise p
Je suis une ligne sans balise. La balise structurante section encadre l'ensemble des balises h2, div et p.
Je suis un titre avec la balise h3 - Le sélecteur de frère adjacent (ou suivant) : le combinateur ( + )
Je suis le paragraphe avec la balise p. Je suis le frère adjacent après le titre de niveau 3 h3 + p { color: blue; }
Je suis le second paragraphe avec la balise p
Je suis le troisième paragraphe avec la balise p
Je suis le premier paragraphe contenu dans la boite article. Je suis ciblé comme l'ensemble des enfants directs p dans la boite article article > p { color: green; }
Je suis un titre avec la balise h3 - Le sélecteur d'enfants ciblés : le combinateur enfant direct >
Je suis le second paragraphe avec la balise p.
Je suis le troisième paragraphe avec la balise p
Je suis le quatrième paragraphe avec la balise p encadré par une boite div. Je ne suis pas un enfant direct.
Je suis le cinquième paragraphe avec la balise p
Je suis une ligne sans balise. La balise structurante article encadre l'ensemble des balises h3, div et p.
Je suis un paragraphe avant le titre h4.
Je suis un titre avec la balise h4 - le combinateur général des frères suivants ~
Je suis un paragraphe avec la balise p. Je suis ciblé comme l'ensemble des paragraphes après le titre de niveau 4 h4 ~ p { color:darkviolet;
}
Je suis le second paragraphe avec la balise p après le titre h4.
Je suis le troisième paragraphe avec la balise p après le titre h4 contenu dans une boite div.
Je suis le quatrième paragraphe avec la balise p après le titre h4.
Je suis une ligne sans balise.