1. Les sélecteurs frères et sœurs ordinaires CSS font référence à tous les éléments connectés à un autre élément, qui ont tous deux le même élément parent.
2. Le sélecteur de frères ordinaires utilise le tilde (~) comme symbole de combinaison pour les frères ordinaires.
Exemple
.ancêtre {
largeur : 500 px ;
hauteur : 300px ;
}
.parent {
largeur : 300 px ;
hauteur : 200px ;
}
.enfant {
largeur : 200 px ;
hauteur : 100px ;
}
/* Positionne l'élément dont le frère est div après .child1*/
.enfant1~div {
couleur de fond : corail clair ;
}
c'est l'ancêtre.
c'est parent.
Ce qui précède est la compréhension du sélecteur de frères et sœurs ordinaires CSS, j'espère que cela sera utile à tout le monde.
Plus de guide d'apprentissage CSS : tutoriel CSS