CSS Combinadores
 | Um elemento de combinação é algo que explica a relação entre os selectores. |
|---|
Um seletor CSS pode conter mais de um seletor simples. Entre os seletores simples, que pode incluir um elemento de combinação.
Há quatro combinators diferentes em CSS3:
- seletor descendente (space)
- seletor filho (>)
- seletor irmão adjacente (+)
- selector irmão em geral (~)
Selector descendente
O seletor descendente corresponde a todos os elementos que são descendentes de um elemento especificado.
O exemplo a seguir seleciona todos <p> elementos dentro <div> elementos:
Selector criança
O seletor filho seleciona todos os elementos que são os filhos imediatos de um elemento especificado.
O exemplo a seguir seleciona todos <p> elementos que são filhos imediatas de <div> elemento:
Selector Irmãos adjacente
O seletor irmão adjacente seleciona todos os elementos que são os irmãos adjacentes de um elemento especificado.
irmão elementos devem ter o mesmo elemento pai, e "adjacente" significa "imediatamente a seguir".
O exemplo a seguir seleciona todos <p> elementos que são colocados imediatamente após o <div> elementos:
Selector Geral Irmãos
O seletor de irmão em geral seleciona todos os elementos que são irmãos de um elemento especificado.
O exemplo a seguir seleciona todos <p> elementos que são irmãos de <div> elementos:
Teste-se com exercícios!
Exercício 1 » Exercício 2» Exercício 3 » Exercício 4»