Selectores de hermanos adyacentes
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 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
| Specification |
|---|
| Selectors Level 4 # adjacent-sibling-combinators |
Compatibilidad con navegadores
BCD tables only load in the browser