1. Los selectores de hermanos ordinarios de CSS se refieren a todos los elementos conectados a otro elemento y ambos tienen el mismo elemento principal.
2. El selector de hermanos ordinarios utiliza la tilde (~) como símbolo de combinación para los hermanos ordinarios.
Ejemplo
.ancestro {
ancho: 500 px;
altura: 300 píxeles;
}
.padre {
ancho: 300px;
altura: 200 píxeles;
}
.niño {
ancho: 200px;
altura: 100 píxeles;
}
/* Colocar el elemento cuyo hermano es div después de .child1*/
.child1~div {
color de fondo: coral claro;
}
este es el antepasado.
Este es el padre.
Lo anterior es la comprensión del selector de hermanos ordinario CSS, espero que sea útil para todos.
Más guía de aprendizaje de CSS: tutorial de CSS