☰

VS 代码错误。css 根本没有抓取元素

tag-icon • tag-icon html visual-studio-code css
VS 代码错误。css 根本没有抓取元素

不确定是怎么回事，我在其他地方也找不到答案。但 CSS 更改无法在浏览器中加载。即使是对 h1 标签进行简单的颜色更改也是如此。但是，我进入了其他项目以查看是否存在这种情况，结果一切正常。似乎只有当我开始一个新项目时才会出现这种情况。我使用 Visual Studio Code 作为编辑器。

（抱歉描述得有点奇怪，因为我是个新手，还在学习术语）

只需简单地这样做，更改就不会在浏览器中加载。

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

h1 {
    color: red;
}

有什么帮助吗？

答案1

你的 CSS 声明

h1 {
    color: red;
}

可以直接在您的.html文件中，但它必须位于标签内<style>，而标签又必须位于<head>标签内：

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

所以你的完整代码将是

<!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>

答案2

您可以尝试将内联 CSS 属性应用于 h1 标签，例如：

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

或者您可以将代码放在标签中，例如：

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

或者您可以使用外部 css 文件并将其链接到您的头部部分。

相关内容