☰

Ошибка кода 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-файл и привязать его в разделе head.

Связанный контент