Les nouveaux selecteurs

Parce que vous adorez les sélecteurs ❤️❤️❤️❤️

• E ~ F : Éléments F précédé d’un élément E

figure ~ figcaption { font-size: 80%; }

• E :not(s) — Éléments excluant le sélecteur s

*:not(p) { margin: 0; }

• E:root — Premier élément du document

div:root { font-size: 100%; }

• E :last-child — Dernier enfant de E

ul:last-child { margin-bottom: 1em; }

• E :first-child — premier enfant de E

ul:first-child { margin-bottom: 1em; }

• E:empty — Éléments E vides

div:empty { display: none; }

• E:target — Élément E cible de l’ancre en cours

h1:target { text-decoration: underline; }