☰

Bug no código VS. css não está capturando nenhum elemento

tag-icon • tag-icon html visual-studio-code css
Bug no código VS. css não está capturando nenhum elemento

Não tenho certeza de qual é o problema e não consigo encontrar uma resposta em nenhum outro lugar. Mas as alterações de CSS não estão sendo carregadas no navegador. Mesmo para uma simples mudança de cor na tag h1. No entanto, entrei em meus outros projetos para ver se esse era o caso e funcionou bem. Parece que só acontece quando inicio um novo projeto. Estou usando o código do Visual Studio como meu editor.

(desculpe pela descrição estranha, definitivamente sou um novato e ainda estou aprendendo a linguagem)

Basta fazer isso e as alterações não serão carregadas no navegador.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>Hello</h1>
</body>
</html>

h1 {
    color: red;
}

Qualquer ajuda?

Responder1

Sua declaração CSS

h1 {
    color: red;
}

pode estar diretamente no seu .htmlarquivo, mas deve estar dentro da <style>tag, que por sua vez deve estar dentro da <head>tag:

<head>
    <style>
        h1 {color: red;}
    </style>
</head>

então seu código completo será

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        h1 {color:red;}
    </style>
</head>
<body>
    <h1>Hello</h1>
</body>
</html>

Responder2

Você pode tentar aplicar propriedades CSS in-line à sua tag h1, como:

<body>
    <h1 style="color:red;">Hello</h1>
</body>

Ou você pode colocar seu código em uma tag como:

<head>
    <style>
        h1 {color: red;}
    </style>
</head>

Ou você pode usar um arquivo CSS externo e vinculá-lo na seção principal.

informação relacionada