Benachbarte Geschwister - CSS-Tricks

Inhaltsverzeichnis:

Der benachbarte Geschwisterkombinator in CSS ist kein eigenständiger Selektor, sondern eine Möglichkeit, zwei Selektoren zu kombinieren. Zum Beispiel:

p + p ( margin: 0; )

Das Pluszeichen (+) ist der benachbarte Geschwisterkombinator zwischen zwei Absatz-Tag- (Element-) Selektoren. Dies bedeutet: "Wählen Sie ein Absatz-Tag aus, das direkt hinter einem anderen Absatz-Tag steht (ohne dazwischen)." Hier sind einige Beispiele für die Auswahl:


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

Monkey hair
I will NOT get selected

Dies ist vor allem dann hilfreich, wenn Sie semantisches Markup verwenden und bestimmte Szenarien anpassen müssen, in denen Elemente direkt nebeneinander liegen.

Siehe den Pen Adjacent Sibling Selector von Sara Cope (@saracope) auf CodePen.