El combinador de hermanos adyacentes en CSS no es un selector en sí mismo, sino una forma de combinar dos selectores. Por ejemplo:
p + p ( margin: 0; )El signo más (+) es el combinador de hermanos adyacente, entre dos selectores de etiqueta de párrafo (elemento). Lo que esto significa es "seleccionar cualquier etiqueta de párrafo que esté directamente después de otra etiqueta de párrafo (sin nada en el medio)". Aquí hay algunos ejemplos de lo que seleccionaría:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Esto es sobre todo útil cuando se usa el marcado semántico y se necesita ajustar para ciertos escenarios en los que los elementos están directamente uno al lado del otro.
Consulte el Selector de hermanos adyacentes de Pen de Sara Cope (@saracope) en CodePen.
Más recursos
- Un buen uso para combinadores hermanos adyacentes
- Documentos de MDN
- Especificaciones W3C
Soporte del navegador
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| Alguna | Alguna | Alguna | Alguna | 7+ | Alguna | Alguna |