Solucionado
Preciso de um help, por favor. Aqui texto não aparece em itálico, veja:
HTML:
<ul>
<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>
</ul>CSS:
.itens {
font-style: italic;
}
Tem alguma coisa errada?
hoje, com a Alura e o Google Gemini
Puts, Lais, só por essas dois códigos aí não dá pra entender o porquê não tá funcionando.
Eles estão certinhos, então deve ter outro parâmetro que tá alterando ele. Tenta ir lá no "Inspecionar" e ver qual é o parâmetro que tá sendo aplicado nesse item:
Ou copia seu código todo do HTML e o do CSS e cola aqui, aí nós tentamos encontrar o erro.
<body>
<img src="banner.jpg" id="banner">
<div class="principal">
<h1>Sobre a Barbearia Alura</h1>
<p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> 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>
<p id="missao"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>
<p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda.
O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</div>
<div class="beneficios">
<h2>Benefícios</h2>
<ul>
<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>
</ul>
<img src="beneficios.jpg">
</div>
</body>body { background: #CCCCCC; }
#banner { width: 100%; }
.principal { background: #CCCCCC; padding: 30px; }
h1 { text-align: center; }
p { text-align: center; }
#missao { font-size: 20px; }
em strong { color: #FF0000; }
.itens { font-style: italic; }
.beneficios { background: #FFFFFF; }
h2 { text-align: center; }
Eita, Lais... Não consegui encontrar nada de errado.
Tem algum outro arquivo CSS sendo aplicado na página?
Você consegue fazer upload da pasta do seu projeto pra eu tentar testar aqui na minha máquina?
Também dá pra fazer o seguinte:
.itens {
font-style: italic !important;
}Isso aí vai fazer ele ignorar qualquer outro estilo que esteja sendo aplicado na classe .itens e aplicar esse aí. Isto resolve o problema, mas o ideal é descobrir o que está causando esse comportamento porque senão vira gambiarra.
Resolvido! =)
boa tarde
como vc conseguiu?, eu ja tentei varias formas, ate de programa eu troquei e nd, só deu certo quando usei essa função
O meu também está acontecendo isso, e mesmo que eu adicione o !important não reflete. Será que é algum detalhe que eu não estou percebendo? Só se eu abrir lá o f12 e fazer aquele teste lá que mostrou no inicio das aulas.
CLASSE
<ul>
<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>
</ul>
</body>.ITENS
.itens { font-style: italic !important; }
ok obrigado.