☰

VS-Code-Fehler. CSS erfasst das Element überhaupt nicht

tag-icon • tag-icon html visual-studio-code css
VS-Code-Fehler. CSS erfasst das Element überhaupt nicht

Ich bin mir nicht sicher, was los ist, und ich kann nirgendwo anders eine Antwort finden. Aber die CSS-Änderungen werden nicht im Browser geladen. Nicht einmal bei einer einfachen Farbänderung des h1-Tags. Ich habe jedoch meine anderen Projekte überprüft, um zu sehen, ob dies der Fall ist, und es hat einwandfrei funktioniert. Es scheint nur so zu sein, wenn ich ein neues Projekt starte. Ich verwende Visual Studio Code als Editor.

(Entschuldigung für die seltsame Beschreibung, bin definitiv ein Neuling und lerne immer noch den Jargon)

Wenn Sie dies einfach tun, werden die Änderungen nicht im Browser geladen.

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

h1 {
    color: red;
}

Irgendeine Hilfe?

Antwort1

Ihre CSS-Deklaration

h1 {
    color: red;
}

kann direkt in Ihrer .htmlDatei stehen, muss dann aber innerhalb des <style>Tags stehen, das wiederum innerhalb des Tags stehen muss <head>:

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

Ihr vollständiger Code lautet also

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

Antwort2

Sie können versuchen, Inline-CSS-Eigenschaften auf Ihr H1-Tag anzuwenden, wie:

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

Oder Sie können Ihren Code in ein Tag wie das folgende einfügen:

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

Oder Sie verwenden eine externe CSS-Datei und verlinken diese in Ihrem Kopfbereich.

verwandte Informationen