Combinador de irmão adjacente do CSS (+)

Definição e uso

Combinador de irmão adjacente do CSS (+) é usado para selecionar o elemento que segue imediatamente após outro elemento específico.

Exemplo

Selecione e defina o estilo do elemento <p> que segue imediatamente após o elemento <div> (não interno):

div + p {
  background-color: dourado;
  border: 1px sólida cinza;
}

Experimente você mesmo

Sintaxe do CSS

element1 + element2 {
  declarações css;
}

Detalhes técnicos

Versão: CSS2

Suporte do navegador

Os números na tabela representam a primeira versão do navegador que suporta essa combinação.

Chrome Edge Firefox Safari Opera
Suporte 7.0 Suporte Suporte Suporte

Páginas relacionadas

Tutorial de CSS：Seletor de irmão adjacentes de CSS