Почему мой CSS не меняется?

Поэтому после многих недель я вернулся к кодированию, и у меня проблема.

Проект, над которым я работал, содержит основную часть сайта PHP, и теперь я пытаюсь перепроектировать мою домашнюю страницу.

Проблема в том, что каждый раз, когда я удаляю или изменяю что-то в CSS, дизайн никогда не меняется, как будто он как замороженный или что-то еще, и это происходит для каждой страницы. Когда я удаляю ссылку на CSS в своем HTML, дизайн уходит. Вот код:

var scrolled=0; $(document).ready(function() { $("#master").click(function() { $("#holder").slideToggle('slow'); }); $("#down").on("click" ,function() { scrolled=scrolled+300; $("#solut").animate({ scrollTop: scrolled }); }); }); 
 @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } body { margin: 0; padding: 0; background-color: #e0e0e0; overflow-x: hidden; } .navbar { width: 100%; height: 60px; } 
            //code goes here: bunch of divs and texts    

Возвращаясь к старому проекту без краткого руководства , readme или базового списка автоматизированных задач, может привести к нескольким нежелательным побочным эффектам при запуске и тестировании веб-сайта.

Вот некоторые из того, что я встречал раньше от головы:

  • Кэш браузера: Откройте DevTools в Chrome, затем перезагрузите страницу, нажав Пустой кэш и Hard Reload (Ctrl + Shift + F5) . Если это не поможет, дайте вашему CSS имя типа: ( больше на кэширование ):

  • Рамочный кеш: если вы используете фреймворк с кэшированием ресурсов , удалите его / пусто. Это зависит от того, какую структуру вы используете, если таковая имеется.

  • CSS Transpiler не запускается: если вы используете какой-то транспилер ( SASS , LESS и т. Д.), Иногда забегает транспиляция.

  • Тестирование на мобильных устройствах: часто и часто можно кэшировать, просто используйте кэширование во время разработки.

  • Неверные пути / невозможность доступа к файлам . Проверьте журналы своего веб-сервера, чтобы понять, что не так.

  • Не РЕАЛЬНО редактирование файла : Если вы предпочитаете IDE (например: IntelliJ IDEA ;)), и когда вы редактируете конкретный файл, сохраните его, а затем загрузите (например: через FTP), может случиться так, что конкретный файл выиграл ‘ t получить обновление . Подробнее об этом .

Это может быть проблема кэширования. Но вы дважды проверили свой инструмент разработчика, чтобы узнать, переносит ли CSS? Иногда я делаю небольшие ошибки, чтобы связать файл неправильно – забыв вернуться к папке “../css/index.css