Entrar Ainda não tem acesso?
1
resposta

First-child não fuinciona.

Referente ao curso HTML5 e CSS3 parte 4: avançando no CSS, no capítulo Selecionando qualquer coisa e atividade Projeto da aula anterior

por Vinicius Lopes do Nascimento
| 14.1k xp | 6 posts

Boa tarde pessoal! First-child não está funcionando no meu código... tenho a impressão que seja por causa da fonte () o "strong" do parágrafo principal também não está funcionando. Alguém consegue me ajudar?

  • Atendimento aos clientes
  • Espaço diferente
  • Localização
  • Profissionais qualificados
  • Pontualidade
  • Limpeza
css

.itens:first-child { font-weight: bold; }

Sobre a Barbearia Alura Localizada no coração da cidade a Barbearia Alura traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia. 

            <p class="missao">
                <em>
                    Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes".</strong>
                </em>
            </p>

CSS

.principal strong{ font-weight: bold; }

1 resposta
por Gabriel S. Eidt
| 36.6k xp | 30 posts

HTML ficaria assim:

<div class="conteudo-beneficios">
                    <ul class="lista-beneficios">
                        <li class="itens">Atendimento aos Clientes</li>
                        <li class="itens">Espaço diferenciado</li>
                        <li class="itens">Localização</li>
                        <li class="itens">Profissionais Qualificados</li>
                        <li class="itens">Pontualidade</li>
                        <li class="itens">Limpeza</li>
                    </ul><img src="beneficios.jpg" alt="Benefícios" class="imagem-beneficios">
</div>

Já no CSS:

.itens:first-child{
    font-weight: bold;
}

Se isso te ajudou, não esqueça de marcar como solucionado para finalizar a discussão. Abraços.

Obs.: Não esqueça de colocar as classes nos elementos do HTML e quando colocar passar corretamente para o CSS.