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 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
| Specification |
|---|
| Selectors Level 4 # adjacent-sibling-combinators |
Compatibilidad con navegadores
Loading…