Um combinador filho em CSS é o símbolo "maior que", tem a seguinte aparência:
ol > li ( color: red; )Significa “selecionar elementos que são descendentes diretos apenas”. Neste caso: “selecione os itens da lista que são descendentes diretos de uma lista ordenada”. Ilustrar:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Tente remover o >símbolo ao brincar com a demonstração abaixo:
Veja a caneta f149edb15c53d157a7009b816ee919d2 por CSS-Tricks (@ css-tricks) em CodePen.
Mais Informações
- Artigo sobre selecionadores de filhos e irmãos.
- MDN Docs
Também conhecido como…
O combinador filho é como a especificação o chama, mas você também o ouvirá chamado:
- seletor de crianças
- seletor descendente direto
- combinador descendente direto
Suporte para navegador
| cromada | Safári | Raposa de fogo | Ópera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Nenhum | Nenhum | Nenhum | Nenhum | 7 + | Nenhum | Nenhum |