Seletor & *

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!