Невозможно связать файл index.html с файлом style.css в другой папке

Я пытаюсь связать свой файл style.css с моим файлом index.html. Оба файла расположены в отдельных папках.

Структура папки:

/ родитель

  • /src/index.html
  • /css/style.css

Коды, которые я пробовал использовать:

<link rel="stylesheet" type="text/css" href="../css/style.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<link rel="stylesheet" type="text/css" href="/css/style.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

Та же самая ошибка, которую я продолжаю получать в терминале:

GET /css/style.css 404 1,554 мс - 152

Я использую VS Code с live-сервером.

Примечание. Когда я помещаю свой файл index.html вне папки src в родительскую папку. Путь href="css/style.css" работает.

2 ответа

Решение

Запустите live-сервер в Root /parent, затем перейдите к /src/index.html, Если вы начинаете в каталоге, содержащем index.html Не можешь идти вверх.

Ваш href должен выглядеть так: href="style.css"

Другие вопросы по тегам