Entrar Ainda não tem acesso?
3
respostas

Atributo class não funciona

por Bárbara Mendes
| 26.1k xp | 8 posts

// Add o atributo de class porém quando "puxo" a class no documento de style.css ele não modifica. Essa é a aula 5 do curso HTML5 e CSS3 parte 1. Alias, está ocorrendo direto no arquivo style.css não levar as modificações. // O que pode estar acontecendo? // Obrigada

   <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>
     </div>

body { background-color: green; }

#banner { width: 100%; } h1 { text-align: center; } p { text-align: center; }

#missao { font-size: 20px; } em strong { color: red; } .itens { color: red; } .beneficios { background-color: white; }

3 respostas
por Alvaro
| 121.4k xp | 9 posts

Boa tarde, Provavelmente você não está lincando o arquivo style.css no seu arquivo html.

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

por Bárbara Mendes
| 26.1k xp | 8 posts

Alvaro, obrigada por responder. Já estava linkado. Estou usando o Visual Code, pode ser algo com ele? 

<!DOCTYPE html>

<html lang="pt-br">  

    <head> 
        <meta charset="UTF-8"> 
        <title>Barbearia Alura</title>
        <link rel="stylesheet" href="style.css">
    </head>

    <body>
        <img id="banner" src="banner.jpg">
        <div>
            <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>
         </div>

    </body>

</html>
por Alvaro
| 121.4k xp | 9 posts

Não creio que seja algo com o seu visual code, pois, também o utilizo e aqui no meu pc copiei seu codigo html + o css e funcionou normalmente.

Por isso havia pensado na possibilidade de não ter lincado o css.

Você está salvando o arquivo e atualizando o navegador após fazer as alterações?

OBS: Talvez você já saiba da existência, mas, vou comentar, se não tiver instalado no seu visual code, instala a extensão, Live Server. A pagina é recarregada automaticamente após cada alteração.