Solucionado
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;
}
}
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!