Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Bug] Ponto antes do parent selector &

O SCSS não chega a compilar a resposta dada como correta no exercício:

.pirate {
  .&-monkey-d-luffy {
    color: red;
  }
}

Se o objetivo é obter a classe final concatenada .pirate-monkey-d-luffy ao compilar o código .scss em CSS, o ponto antes do parent selector & deveria ser removido, já que & equivale a .pirate neste caso, certo?

.pirate {
  &-monkey-d-luffy {
    color: red;
  }
}
1 resposta
solução!

Olá Ricardo, tudo bem com você?

Obrigado por sua observação. Você está correto. Ao executarmos o código conforme o exercício, usando o ponto, teríamos o seguinte erro:

Error: Expected identifier.

Isso ocorre porque o ponto antes do seletor de parentesco (&) indica ao compilador que o seletor de parentesco deve ser mantido no início do seletor resultante. No entanto, neste caso específico, como não há nenhum seletor pai explícito antes de &-monkey-d-luffy, o ponto se torna desnecessário e causa um erro de sintaxe. Portanto, ao remover o ponto, a sintaxe se torna correta e o código compila sem erros.

Nossa equipe realizou a correção no exercício.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição. Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!