1
resposta

Estilizando quem somos

Olá, estou com um problema que não estou sabendo resolver.

No CSS, o seletor abaixo não está sendo estilizado na página pra mim.

.quem-somos_descricao { color: #595959; font-size: 1.75rem; font-weight: 100; }

Já excui os cookies, verifiquei o código novamente para saber se algo estava escrito errado ou algo do tipo mas não consegui encontrar erro. Mudei o nome da classe e ainda sim nada de diferente.

O HTML completo de onde parei:

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeInsira aqui a descrição dessa imagem para ajudar na acessibilidadeInsira aqui a descrição dessa imagem para ajudar na acessibilidadeInsira aqui a descrição dessa imagem para ajudar na acessibilidade

Aparece assim pra mim:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Mas quando coloco as informações no seletor .quem-somos aí funciona:

.quem-somos { padding: 5rem; text-align: center; color: #595959; font-size: 1.75rem; font-weight: 100; }

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

olá tudo bem , não sei se é o caso mas já aconteceu comigo .

Ali na Classe da descrição ela está escrita assim:

"quem-somos_descricao" (com um underline de separação das palavras)

quando no modelo BEM o correto seria :

"quem-somos__descricao" (utilizando dois underlines para separação das palavras)

Você fez tudo certo , porém poder ser que o nome da classe que você colocou no HTML esteja diferente da que você chamou no CSS por causa de algum caractere.

espero ter ajudado , bom estudos \o/