30 de março de 2021 • 1 min de leitura
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;
}