Selectores de hermanos adyacentes

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

Ver también

Selectores de hermanos generales