Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Dúvida] Como tirar a ★ da first-child?

No curso HTML5 e CSS3 parte 4 o professor ensina a por uma ★ na classe itens da seguinte forma:

.itens:before{ content: "★"; }

Contudo, eu não quero que este símbolo apareça na primeira linha. Tentei:

.itens:first-child{ font-weight: bold; content: none; } Mas não funcionou. Como faço isso?

4 respostas

Boa tarde,

Você pode deixar content: "" vazio ou remover o before{...codigo...} por completo!

Desculpa ficou mal explicada minha dúvida. Tenho 6 itens em uma lista e quero que a ★ esteja em todos os itens com exceção do primeiro, que no caso é o Atendimento aos clientes.

  • Atendimento aos clientes
  • Espaço diferenciado
  • Localização
  • Profissionais qualificados
  • Pontualidade
  • Limpeza
barba sendo feita

Eu que me confundi ao ler!

Não sei como é o código do projeto, mas, o trecho a seguir pode te ajudar:

ul li:not(:first-child):before {
  content: '★';
}
solução!

Funcionou, muito obrigado pela ajuda.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software