1. Gewöhnliche CSS-Geschwisterselektoren beziehen sich auf alle Elemente, die mit einem anderen Element verbunden sind und beide dasselbe übergeordnete Element haben.
2. Der Selektor für gewöhnliche Brüder verwendet die Tilde (~) als Kombinationssymbol für gewöhnliche Brüder.
Beispiel
.ancestor {
Breite: 500px;
Höhe: 300px;
}
.parent {
Breite: 300px;
Höhe: 200px;
}
.Kind {
Breite: 200px;
Höhe: 100px;
}
/* Positioniere das Element, dessen Geschwister div ist, nach .child1*/
.child1~div {
Hintergrundfarbe: helles Koralle;
}
das ist Vorfahr.
Das ist Eltern.