2
respostas

erro na class

quando eu crio uma classe ' lista e Beneficio" da erro. quando eu atualizo o a pagina na wweb não funciona o comando no HTML e CSS. me pediram pra enviar o script pra ver o que esta de errado.

comando HTML

</head>
<body>
    <img id="campo" src="campo.jpg">
    <div>
        <h1>coisas boas de comer</h1>

        <p id= "missao"> voce pode ate gostar de <strong>comer esfira</strong>, mas vai amar esse novo tipo de salgado.

        <p><em> veja as coisas <strong>bonitas que enchem os olhos com beleza e a boca com àgua</strong></em><p>
    </div>

    <div class="beneficio">
        <h2>Beneficios</h2>
            <ul>
                <li class="lista">atendimento ao cliente</li>
                <li class="lista">Espaço diferenciado</li>
                <li class="lista">Localização</li>
                <li class="lista">Profissionais Qualificados</li>
        </ul>
    </div>    
</body>    

comado css.

body { background:#cccccc }

#campo { width:50%; }

h1 { text-align: center }

p{ text-align:center;

#misao{ font-size:20px }

}

em strong{ color:red;

.lista{ font-style: italic

}

.Beneficios{

background:#ffffff
2 respostas

Oi, Cicero, tudo bem?

O nome da classe no arquivo css precisa ser exatamente igual como foi declarado no html. No caso, você usou no html:

 <div class="beneficio"> 

e no css :

.Beneficios{

background:#ffffff;

A diferença da letra maiúscula para minúscula permite que o código entenda que você está se tratando de classe distintas. Teste e me fala se deu certo :}

Olá Cicero, tudo bem? A observação da Laís está certa. Ao pesquisar se o css é case-sensitive (ou seja, sensível a maiúsculas e minúsculas) eu encontrei que em algumas situações em que o doctype está errado ele se comporta como case-insensitive (não se importa com se as classes são maiúsculas ou minúsculas), porém se o doctype está definido de forma correta, o navegador interpreta o HTML como case-sensitive, diferenciando

de .Beneficios.

Do THML5 em diante (é o que usamos atualmente) classes e ids são sim case-sensitive.

Fonte: https://stackoverflow.com/questions/12533926/are-class-names-in-css-selectors-case-sensitive

Recomendo a você dar uma olhada em CamelCase na hora de dar nomes para classes, ids, variáveis entre outros.

https://pt.wikipedia.org/wiki/CamelCase

Um forte abraço e bons estudos.