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
<!DOCTYPEhtml>
<html>
<tête>
<méta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sélecteur de frères et sœurs communs</title>
<style>
.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 ;
}
</style>
</tête>
<corps>
<div>
c'est l'ancêtre.
<div>
c'est parent.
<div>c'est enfant0.</div>
<div>c'est enfant1.</div>
<div>c'est enfant2.</div>
<div>c'est enfant3.</div>
</div>
</div>
</corps>
</html>
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