Combinatorul de frați adiacent din CSS nu este un selector în sine, ci un mod de a combina doi selectori. De exemplu:
p + p ( margin: 0; )Semnul plus (+) este combinatorul frate adiacent, între două selectoare de etichetă de paragraf (element). Ceea ce înseamnă acest lucru este „selectați orice etichetă de paragraf care este direct după o altă etichetă de paragraf (fără nimic între ele)”. Iată câteva exemple despre ceea ce ar selecta:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Acest lucru este util mai ales atunci când se utilizează marcarea semantică și trebuie să se adapteze pentru anumite scenarii în care elementele sunt direct una lângă alta.
Vedeți Selectorul de frați adiacent stilou de Sara Cope (@saracope) pe CodePen.
Mai multe resurse
- O utilizare excelentă pentru combinatorii de frați adiacenți
- Documente MDN
- Specificații W3C
Suport pentru browser
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Orice | Orice | Orice | Orice | 7+ | Orice | Orice |