2
respostas

Para quem tiver dificuldade de colocar classes duplas sem underline usando o EMMET no VS Code.

Bom, pessoal eu estava tendo dificuldade de colocar no código classes duplas usando o EMMET. Pois ele entendia que o segundo nome da classe era uma tag e não o nome duplo da classe. Por exemplo: Eu usei os códigos abaixo no EMMET para gerar os códigos de uma vez só e bem no início do código onde está escrito " "section.diferenciais container". O EMMET entendia o nome "container " como se fosse uma tag e não o nome duplo da classe.

section.diferenciais container>ul.diferenciais__lista>li.diferenciais__item>h2.item__titulo+p.item__texto>li*2.diferenciais__item>h2.item__titulo+p.item__texto

Pois então para solucionar isso, descobri que é só colocar um "ponto" no nome "container" e deixar encostado no nome "diferenciais", que aí o EMMET entende como uma classe de nome duplo. Veja no exemplo abaixo:

section.diferenciais.container>ul.diferenciais__lista>li.diferenciais__item>h2.item__titulo+p.item__texto>li*2.diferenciais__item>h2.item__titulo+p.item__texto

Sendo assim, o EMMET gera os códigos dessa forma e aí vocês observem a classe de nome duplo no início do código.

<section class="diferenciais container">
                        <ul class="diferenciais__lista">
                            <li class="diferenciais__item">
                                <h2 class="item__titulo"></h2>
                                <p class="item__texto">
                                    <li class="diferenciais__item">
                                        <h2 class="item__titulo"></h2>
                                        <p class="item__texto"></p>
                                    </li>
                                    <li class="diferenciais__item">
                                        <h2 class="item__titulo"></h2>
                                        <p class="item__texto"></p>
                                    </li>
                                </p>
                            </li>
                        </ul>
                    </section>
2 respostas

Fala ai Marcos, tudo bem? Muito bom, obrigado por compartilhar com a gente.

Abraços e bons estudos.

de nada Matheus!