Δίπλα αδέλφια - CSS-Κόλπα

Πίνακας περιεχομένων:

Ο παρακείμενος συνδυασμός αδελφών στο CSS δεν είναι από μόνοι του επιλογέας, αλλά τρόπος συνδυασμού δύο επιλογών. Για παράδειγμα:

p + p ( margin: 0; )

Το σύμβολο συν (+) είναι ο γειτονικός συνδυασμός αμφιθαλών, μεταξύ δύο επιλογών ετικέτας παραγράφου (στοιχείο). Αυτό σημαίνει ότι "επιλέξτε οποιαδήποτε ετικέτα παραγράφου που βρίσκεται αμέσως μετά από άλλη ετικέτα παραγράφου (χωρίς τίποτα στο μεταξύ)". Ακολουθούν ορισμένα παραδείγματα για το τι θα επέλεγε:


I'm a paragraph
I get selected!
I'm a paragraph

Monkey hair
I will NOT get selected

Αυτό είναι κυρίως χρήσιμο για τη χρήση σημασιολογικής σήμανσης και την ανάγκη προσαρμογής για ορισμένα σενάρια στα οποία τα στοιχεία βρίσκονται ακριβώς το ένα δίπλα στο άλλο.

Δείτε το Pen Adjacent Sibling Selector της Sara Cope (@saracope) στο CodePen.