Почему цвет фона моей веб-страницы .php не изменился, хотя я изменил атрибут background-color в таблице стилей CSS?
У меня есть файл home.php и файл styleSheet.css, расположенные на одном уровне каталогов. В файле .css я использовал следующий цвет фона:
body {
background-color: #b0e0e6;
}
И с
<link rel="styleSheet" href="./styleSheet.css">
в home.php правильный цвет появился на домашней странице home.php. Позже я хотел изменить цвет на другой:
body {
background-color: #8e3672;
}
Но цвет фона на главной странице остается прежним. Я щелкнул правой кнопкой мыши на странице, зашел в View Source Source и щелкнул ссылку в исходном файле, которая открыла styleSheet.css, и в нем я увидел, что фоновый цвет по-прежнему был # b0e0e6.
Я проверил свой код home.php, чтобы убедиться, что никакое другое место в нем не определяет цвет фона (я понимаю, что в CSS есть приоритет, в зависимости от того, где определены атрибуты CSS). Кроме того, я обновил веб-страницу безрезультатно. Так что это довольно странно для меня.
Я ценю чьи-либо предложения и исправления. Благодарю.
Решение
У меня была та же самая проблема, это исправило это.
Если вы используете Chrome, щелкните правой кнопкой мыши по кнопке перезагрузки и выберите «hard reload», это должно решить проблему, или если вы используете Firefox, просто используйте Ctrl + F5.
Если проблема все еще существует, очистите историю:
1) в Chrome выберите «Advanced» и выберите все опции и очистите их, снова откройте браузер и загрузите страницу, это должно исправить.
2) В Firefox нажмите Ctrl + Shift + Delete и в «Временной диапазон для очистки:» выберите «Все».
Надеюсь это поможет 🙂
Другие решения
Похоже, ваш браузер кэширует старую версию вашего CSS-файла.
В файле home.php измените строку, которая создает таблицу стилей, чтобы включить случайную временную метку, заставляющую браузер перезагрузить ее. Например:
<link rel="styleSheet" href="./styleSheet.css?t=<?php echo round(microtime(true)*1000);?>">
Я бы посоветовал вам тщательно подумать, нужно ли это, когда ваша страница будет запущена в производство
Я думаю, что это из-за кеша браузера.
Попробуйте очистить его (Ctrl + Shift + I в Chrome, вкладка Сеть, установите флажок «Отключить кэш» и обновите страницу).