Моя организация CSS и JS не работает

#css

#css

Вопрос:

У меня проблемы с тем, чтобы заставить мои Css и Javascript работать. Вот обзор моей текущей работы. Я создал папку с моими разными HTML-страницами и то же самое для Css и js (у меня есть только один css для всего и несколько js).

Это сработало, когда все мои html’ы, Css и Js находятся в основной папке, но когда дело доходит до организации в несколько папок, ничего не работает, кроме моих Html’ов.

введите описание изображения здесь

Большое вам спасибо.

Комментарии:

1. Можете ли вы включить структуру папок вашего проекта и свой код в виде форматированного текста (вместо изображения)?

2. Вы должны опубликовать фактический код здесь, скриншот, как правило, неприемлем.

Ответ №1:

Попробуйте это

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

Ответ №2:

Попробуйте это для CSS

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

Все ваши файлы находятся в разных каталогах, и если вам нужно связать ваши HTML’ы с файлами CSS и JS, вам нужно перейти из каталога HTML’ов в родительский каталог. И затем укажите путь к CSS, JS и изображениям.

Используйте это, чтобы получить доступ к родительскому каталогу текущего каталога.

 ../
  

Ответ №3:

Я вижу, что вы используете код Visual Studio, есть хитрость для вызова CSS и Javascript

 @Styles.Render("~/css/style.css")
@Styles.Render("~/css/yourstyle.css")
  

и это хорошая практика для отделения css от папки javascript

 @Scripts.Render("~/Scripts/yourscript.js")