CSS/Selektoren/Geschwister-Kombinator

Der Geschwister-Kombinator spricht ein Element F an, falls F und E dasselbe Elternelement haben und F auf E im Elementbaum folgt.

Syntax

E ~ F

Beispiel

#linkliste ~ p { 
  margin-top: 1em; 
}

Alle Textabsätze, die im Elementbaum in einer gemeinsamen Ebene mit #linkliste liegen, erhalten einen oberen Außenabstand von 1em.

Beachten Sie: Sie können nur die „jüngeren“ Geschwister selektieren.

Siehe auch

• Selektoren in CSS/Einstieg#Geschwister-Kombinator

Weblinks

• W3C: general sibling-combinators CSS Selectors Level 3