Почему цвет фона моей веб-страницы .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). Кроме того, я обновил веб-страницу безрезультатно. Так что это довольно странно для меня.

Я ценю чьи-либо предложения и исправления. Благодарю.

0

Решение

У меня была та же самая проблема, это исправило это.

Если вы используете Chrome, щелкните правой кнопкой мыши по кнопке перезагрузки и выберите «hard reload», это должно решить проблему, или если вы используете Firefox, просто используйте Ctrl + F5.

Если проблема все еще существует, очистите историю:

1) в Chrome выберите «Advanced» и выберите все опции и очистите их, снова откройте браузер и загрузите страницу, это должно исправить.

2) В Firefox нажмите Ctrl + Shift + Delete и в «Временной диапазон для очистки:» выберите «Все».

Надеюсь это поможет 🙂

0

Другие решения

Похоже, ваш браузер кэширует старую версию вашего CSS-файла.

В файле home.php измените строку, которая создает таблицу стилей, чтобы включить случайную временную метку, заставляющую браузер перезагрузить ее. Например:

<link rel="styleSheet" href="./styleSheet.css?t=<?php echo round(microtime(true)*1000);?>">

Я бы посоветовал вам тщательно подумать, нужно ли это, когда ваша страница будет запущена в производство

1

Я думаю, что это из-за кеша браузера.
Попробуйте очистить его (Ctrl + Shift + I в Chrome, вкладка Сеть, установите флажок «Отключить кэш» и обновите страницу).

0