CSS/Selektoren/Geschwisterselektor

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

Syntax E ~ F
Browsersupport Details: caniuse.com
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

Weblinks