Solucionado
Estimados, bom dia!
Após as aulas de nesting, resolvi aplicar essa tecnica em todo o meu código. Visto isso, deparei-me com o seguinte código ao final do footer:
.social a[href*="facebook"] {
background-image: url(../imagens/facebook.png);
}Minhas dúvidas são: É possível atribuir "href" à seletores css? É normal isso? Para que isso seja feito, deve-se usar sempre o atributo entre "[]"? Porque foi usado "*" logo após o "href"?
Renan, boa tarde!
1 - Você pode selecionar eles via CSS, mas não atribuir, só é possível atribuir via css.
2 - É normal o uso em casos como esse acima onde só muda um atributo e você não quer adicionar uma classe especifica só pra facebook por exemplo.
3 - Nós usamos o [] para selecionar atributos como por exemplo
input[type="label"] {}
a[href="#home"] {}4- Para selecionar elementos cujo valor do atributo "href" contém a substring "facebook"
Espero ter ajudado e bons estudos!
Olá Felipe!
Obrigado pela resposta.
Só mais uma dúvida...
Nesse caso, porque foi usado "*" logo após o "href"?
Renan, bom dia!
O * significa tudo e nesse caso ele quer dizer
"Buscar nas tags href tudo que tenha escrito facebook no meio".
Espero ter ajudado e bons estudos!
Obrigado Felipe!