Uma foto minha vestido com uma camise do Star Wars e um blazer

Bruno ArdelSoftware Engineer

Escrevo na maioria da vezes sobre Front End, assíduo estudante e me tornando Full Stack aos poucos

← Voltar na listagem

Combinando Seletores

Usar mais de 1 seletor CSS

Combinador Descendente

Seleciona todos os elementos input que são filhos de um form

form input {
  color: blue;
}

Combinador Filho Direto / Descendente Direto

Seleciona o input somente se ele for um filho de form, não funciona para netos ou outros.

form > input {
  color: blue;
}

Combinador Irmão Adjacente

Seleciona o primeiro irmão encontrado de form, nesse caso somente a primeira div encontrada logo apos form será selecionada

form + div {
  color: blue;
}

Combinador Irmão Geral

Todos os irmão de form, ou seja, todas as divs que venham depois de form.

form ~ div {
  color: blue;
}