Application de marges supérieures différentes dans le cas : h4 + p, et dans le cas h4 + h5
Lorem Elsass ipsum libero, knack amet hopla ante consectetur adipiscing Pellentesque id Yo dû. quam, Morbi vulputate mamsell rhoncus kuglopf senectus Chulien ullamcorper Gal ! Heineken sit amet, porta schneck knepfle Racing. munster sed sit tellus placerat sagittis schpeck réchime purus hopla Mauris picon bière Verdammi turpis, yeuh.
Lorem Elsass ipsum libero, knack amet hopla ante consectetur adipiscing Pellentesque id Yo dû. quam, Morbi vulputate mamsell rhoncus kuglopf senectus Chulien ullamcorper Gal ! Heineken sit amet, porta schneck knepfle Racing. munster sed sit tellus placerat sagittis schpeck réchime purus hopla Mauris picon bière Verdammi turpis, yeuh. aliquam mänele blottkopf, kartoffelsalad elementum salu dui turpis ftomi! rucksack libero.
Lorem Elsass ipsum libero, knack amet hopla ante consectetur adipiscing Pellentesque id Yo dû. quam, Morbi vulputate mamsell rhoncus kuglopf senectus Chulien ullamcorper Gal ! Heineken sit amet, porta schneck knepfle Racing. munster sed sit tellus placerat sagittis schpeck réchime purus hopla Mauris picon bière Verdammi turpis, yeuh. aliquam mänele blottkopf, kartoffelsalad elementum salu dui turpis ftomi! rucksack libero.
Schnapsum : Texte de remplissage AlsacienIci : ajout d'une bordure à gauche des éléments li, sauf pour le premier grâce à : li + li.
Ici : nous ciblons tous les frères indirects de h4. Les paragraphes dont le fond est gris sont ciblés par le sélecteur d'ajacence indirect h4 ~ p
Paragraphe frère de h4, mais placé avant
h4Paragraphe directement frère de h4
Paragraphe directement frère de h4
Paragraphe directement frère de h4
Paragraphe dans une section
Paragraphe frère de h4 présent après une section
Éléments input ciblés grâce à : input[type="radio"] ~ input permettant d'appliquer une marge à gauche à tous les éléments sauf le premier.
Les éléments colorés avec bordures en tirets sont des li frères du 5ème li sélectionnés grâce à li:nth-child(-n+4)