1
resposta

BEM em 3 camadas?

Não entendi bem a utilização do BEM nas classes. O bloco pai recebe o nome sem underlines ex: class"titulo", o filho do bloco pai recebe o separação de palavras compostas com 2 underlines, ex: class="titulo__titulo". No caso, seria o filho do filho do bloco pai(o Neto) que receberia o nome da classe como no exemplo:

???

1 resposta

Olá, Edson! Tudo bem? Estava com a mesma dúvida recentemente. Acredito que o melhor seria criar uma nova classe para o elemento neto.

Pensa no modo como o instrutor estruturou o conteúdo das receitas:

<div class="receita">
    <div class="receita__conteudo">
        <h4 class="receita__titulo">...</h4>
        <p class="receita__descricao">...</p>
        <button class="receita__botao">Ver receita</button>
    </div>
</div>

Neste caso o <h4> é o elemento neto do bloco e foi criada a classe receita__titulo e não receita__conteudo__titulo. Desta forma os nomes ficam mais simples e os elementos ficam dependentes apenas do bloco.

Espero ter ajudado! :)