☰

Error de código VS. CSS no captura ningún elemento

tag-icon • tag-icon html visual-studio-code css
Error de código VS. CSS no captura ningún elemento

No estoy seguro de cuál es el trato y no puedo encontrar una respuesta en ningún otro lugar. Pero los cambios de CSS no se cargan en el navegador. Incluso para un simple cambio de color en la etiqueta h1. Sin embargo, entré en mis otros proyectos para ver si este era el caso y funcionó bien. Parece ser sólo cuando empiezo un nuevo proyecto. Estoy usando código de Visual Studio como mi editor.

(perdón por la extraña descripción, definitivamente soy un novato y todavía estoy aprendiendo la jerga)

Simplemente haga esto y los cambios no se cargarán en el navegador.

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

h1 {
    color: red;
}

¿Alguna ayuda?

Respuesta1

Su declaración CSS

h1 {
    color: red;
}

puede estar directamente en tu .htmlarchivo, pero luego debe estar dentro de la <style>etiqueta, que a su vez debe estar dentro de la <head>etiqueta:

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

entonces tu 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>

Respuesta2

Puede intentar aplicar propiedades CSS en línea a su etiqueta h1 como:

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

O puedes poner tu código en una etiqueta como:

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

O puede utilizar un archivo CSS externo y vincularlo en su sección principal.

información relacionada