Sąsiedni kombinator rodzeństwa w CSS nie jest samodzielnym selektorem, ale sposobem łączenia dwóch selektorów. Na przykład:
p + p ( margin: 0; )Znak plus (+) to sąsiedni kombinator równorzędny między dwoma selektorami znaczników akapitu (elementów). Oznacza to „zaznacz dowolny znacznik akapitu znajdujący się bezpośrednio po innym znaczniku akapitu (bez niczego pomiędzy)”. Oto kilka przykładów tego, co by wybrał:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Jest to szczególnie przydatne w przypadku używania znaczników semantycznych i konieczności dostosowania do niektórych scenariuszy, w których elementy są bezpośrednio obok siebie.
Zobacz selektor rodzeństwa przylegającego pióra autorstwa Sary Cope (@saracope) na CodePen.
Więcej zasobów
- Dobre zastosowanie dla sąsiadujących kombinatorów rodzeństwa
- MDN Docs
- W3C Spec
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| Każdy | Każdy | Każdy | Każdy | 7+ | Każdy | Każdy |