Почему при открытии файла html не прогружаются стили?

Question

[Gaf1]

Помогите разобраться, при открытии файла html через LiveServer в VS Code сайт отображается корректно со всеми прописанными стилями css(проект открывается в google chrome), но при открытии проект в других браузерах, открывая отдельно html файл не через VS Code, стили не погружаются совсем, а в панели разработчика видно только голый код html?

Comments

[Антон Литвиненко]

Код подключения стилей покажите

[Gaf1]

Антон Литвиненко, href="/css/reset.css"
" href="/css/style.css"
href="/css/media.css"

[Ankhena]

Gaf1, вы написали путь относительно корня сайта. Если VSCode творит вам локалхост, то он и будет корнем.
А когда вы открываете файл с диска, то корнем становится диск.
https://htmlacademy.ru/blog/boost/frontend/links

Интересно, что уже третий аналогичный вопрос за сутки, который я вижу.

[FrelFrloich]

Видимо темы пропускают на курсах, по другому это не объяснить.

[Gaf1]

Ankhena, не совсем понимаю как сделать правильно, т.е. нужно взять целиком адрес папки где лежит стиль (C:\Users\file\Desktop\project\html\css) так ?

[Ankhena]

Gaf1, вам нужно написать путь относительно того места где стоите, т.е. index.html (или как он у вас называется)
Если вы его напишете от диска C, то никто кроме вас его не увидит.

[Gaf1]

Поменял относительные ссылки на абсолютные, проблема решилась, но теперь появилась проблема, при открытии этого же файла через Live Server , страница не видит стили прописанные абсолютными ссылками..

Как можно открывать страницу на разных браузерах, чтобы проверять ее кроссбраузерность ?

[Gaf1]

Ankhena, Все получилось, большое спасибо за помощь!)

[Ankhena]

Gaf1, отлично, вы молодец :)

Answer 1

[Владислава]

Попробуйте нажать "просмотредь код элемента" а затем ctrl + f5.

Comments

[Gaf1]

Попробовал, ничего не произошло

[Владислава]

Gaf1, скиньте код пжлст