Selectores de hermanos adyacentes
Baseline
Ampliamente disponible
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.
Se hace referencia a este selector como selector adyacente o selector del próximo hermano. Sólo seleccionará un elemento especificado que esté inmediatamente después de otro elemento especificado.
Síntaxis
elemento_anterior + elemento_afectado { estilos }
Ejemplo
CSS
css
li:first-of-type + li {
color: red;
}
HTML
html
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
Resultado
Especificaciones
| Especificación |
|---|
| Selectors Level 4 # adjacent-sibling-combinators |