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