Combinador de elemento filho do CSS (>)

Definição e uso

Combinador de elemento filho CSS (>) é usado para selecionar elementos que são diretamente filhos de um elemento pai específico.

O elemento correspondente ao segundo seletor deve ser um elemento diretamente filho do elemento correspondente ao primeiro seletor.

Atenção:Os elementos que não são diretamente filhos do elemento pai especificado não serão selecionados.

Exemplo

Defina o estilo de cada <p> que é um elemento diretamente filho do <div>:

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

Experimente você mesmo

Sintaxe do CSS

elemento1 > elemento2 {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

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