Lego2012
2/7/2017 - 12:22 PM

CSS-Selektoren: Geschwister-Elemente selektieren

CSS-Selektoren: Geschwister-Elemente selektieren

p ~ ul {
  background-color: #f00;
}

/*
Geschwister-Elemente sind Elemente, die das gleiche Eltern-Element besitzen und somit sich auf einer Ebene befinden. Mit unserem Selektor werden alle Listen-Elemente selektiert, die sich nach dem p-Tag befinden und das gleiche Eltern-Element besitzen. Elemente die das gleiche Eltern-Element besitzen, jedoch vor dem p-Tag stehen, werden nicht selektiert und erhalten keinen roten Hintergrund.
*/