Bom dia,
gostaria de saber o que quer dizer o seletor abaixo:
& * { ... }
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Bom dia,
gostaria de saber o que quer dizer o seletor abaixo:
& * { ... }
Olá Christian, tudo bem?
O seletor pai, &, é um seletor especial inventado pelo Sass e que é usado em seletores aninhados para se referir ao seletor externo.
Torna possível reutilizar o seletor externo de maneiras mais complexas, como adicionar uma pseudoclasse ou adicionar um seletor antes do pai.
Como no exemplo dado na aula:
nav {
text-align: center;
margin: auto;
ul {
li {
display: inline-block;
padding: 1rem;
a {
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
color: $cor-primaria;
&:hover {
border-bottom: 2px solid $cor-secundaria;
}
}
}
}
}
O instrutor usou seletor & para indicar que tinha a tag A com seu comportamento, e que teria mais outros comportamentos, mais tags associadas a ela.
O comportamento que o instrutor queria era o do hover, então ele colocou o &:hover e dentro das chaves ele colocou as alterações que ele queria.
Vou deixar aqui uma documentação sobre esse assunto.
Bons estudos!