Папка-дерево:
example.com/css/style.css
example.com/index.html
HTML-заголовок:
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="./css/style.css">
Если я нажму «Просмотр исходного кода страницы», я могу щелкнуть ссылку css и увижу свой файл.
Я даже могу ввести в адресную строку URL «example.com/css/style.css» и увидеть свой файл.
Я открываю Firefox Developer Inspect, и он дает код успеха 200 для загрузки css-файла.
Удаляю браузер-кеш, без изменений.
Скачиваю html-файл и кладу в папку с css-файлом. Откройте его с помощью Visual Studio Code Live Server, и он выглядит правильно, CSS загружается. Тот же код.
Почему не работает онлайн?
РЕДАКТИРОВАТЬ:
Я только что видел, что в Firefox Inspector заголовок html неактивен. И в сети, и в автономном режиме, но в автономном режиме проблем нет.
1 ответ
LPChip предложил мне использовать отладчик / инспектор Firefox, и там голова неактивна. При дальнейшем расследовании я заметил, что там сказано "css was not loaded because its mime type "text/html" is not "text/css"
Это заставило меня кое-что проверить …
У меня есть решение:
У меня был активирован apache mod_rewrite. Хотя путь был правильным, похоже, что этот mod_rewrite или выделенный php для перенаправления каким-то образом сообщил браузеру, что файл был html, а не css.
Я отредактировал ответ и добавил туда несколько комментариев, которые приводят к ответу. Теперь другим больше не нужно читать все комментарии, чтобы увидеть, какой мыслительный процесс был задействован. 🙂 Также +1
— LPChip
7 часов назад