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

[Dúvida] O class não está alterando a cor do meu texto.

Olá, quando utilizo o strong no HTML e altera as suas características de cores no CSS ele funciona normalmente, porém quando eu classifico o strong class="titulo-destaque" e vou para o Css e ponho o código .titulo-destaque {}, ele não altera. Alguém sabe me explicar se tem algo de errado em meu código?


```<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portifólio</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header></header>
    <main>
        <h1>Eleve seu negócio digital a outro nível 
        <strong class ="titulo-destaque">com um Front-end de qualidade!</strong></h1>
        <p>Olá! Sou o Lucas e estou aprendendo a desenvolver Front-end com especialidade em React, 
        HTML e CSS. Vamos conversar?</p>
        <a href="https://instagram.com.br">Instagram</a>
        <a href="https://GitHub.com">GitHub</a>
        <img src="Imagem.png" alt="Foto ">
    </main>
    <footer></footer>
</body>
</html>

    
CSS

    body {
    background-color: #ffffff;
    color: black;
}

.titulo-destaque {
    color: blue;
 }

3 respostas
solução!

Oii, Lucas! Tudo bem?

A sua tag strong e class estão aplicados corretamente. Temos alguns pontos de observação que podem está impedindo a aplicação, por exemplo:

Verifique se após a edição o código está sendo salvo e quando for checar o resultado, é interessante dar um F5 na página para que ela atualize também.

Outro ponto, certifique-se se o style.css foi importado diretinho no seu arquivo index.html, por exemplo:

<link rel="stylesheet" href="styles/style.css">

Espero que essas dicas te ajude. Se todas os pontos citados acima estiverem certos e o erro persistir, compartilhe o seu código completo por gentileza para que eu possa olhar de forma mais detalhada para propor uma solução mais assertiva.

Bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Boa tarde! olhando rapido parece tudo estar normal exceto pelo espaço entre a class e o nome que segue

seu código esta assim

<strong class ="titulo-destaque">com um Front-end de qualidade!</strong>

mas deveria estar assim

<strong class="titulo-destaque">com um Front-end de qualidade!</strong></h1>

e sim, apenas essa besteira pode estar te dando dor de cabela, arruma ai e me fala se deu certo, qual quer coisa estou aqui.

Bons estudos.

Deu certo, pessoal. Eu só reiniciei o VS code e aceitou a alteração normalmente. Obrigado =)