@import не работает даже при правильной настройке

Question

Я пытаюсь импортировать несколько файлов css в мой html, используя @import, но по какой-то причине это не работает. Дерево моего проекта выглядит примерно так:

root
--assets
----css
------body.css
------main.css
--index.html

Мой главный. css выглядит так: @import "body.css";

Я поместил эту строку в заголовок в индексе <link rel="stylesheet" type="text/css" href="css/main.css">

И по какой-то причине стили в моем теле. css не отображаются.

Я недавно получил новый ноутбук, есть какая-нибудь конфигурация / загрузка, которую мне нужно сделать? что я только что забыл нужно сделать?

Answer 1

Я полагаю, что решением этой проблемы будет использование <link rel="stylesheet" type="text/css" href="assets/css/main.css">

Также о том, как найти такие проблемы в следующий раз: нажмите F12 в вашем браузере, перейдите на вкладку сети и перезагрузите ваш сайт. Если вы видите там красную запись, это означает, что она не может быть загружена (или были другие ошибки с ней)

Если это ошибка 404 (например, Failed to load resource: net::ERR_FILE_NOT_FOUND), это ваш намек на то, что она буквально может ' найти файл. в 99,9999% это неправильный URL. Вы даже можете скопировать и вставить URL-адрес и открыть его самостоятельно.