Combinateur de voisin direct

Cette forme de combinateur permet de sélectionner un élément uniquement si celui-ci « suit » un élément donné et que les deux éléments sont les fils d'un même élément parent.

css

/* Ne cible que les paragraphes situé directement après une image */
img + p {
  font-style: bold;
}

Syntaxe

css

premier_element + element_cible { styles }

Exemples

CSS

css

li:first-of-type + li {
  color: red;
}

HTML

html

<ul>
  <li>Un</li>
  <li>Deux</li>
  <li>Trois</li>
</ul>

Résultat

Spécifications

Specification
Selectors Level 4
# adjacent-sibling-combinators

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi