Почему не отображаются изменения в css
Перейти к содержимому

Почему не отображаются изменения в css

  • автор:

Не отображаются изменения стилей css, в других браузерах тоже самое, в чем проблема?

1. Нажмите CTRL и U (или правой кнопкой мыши, затем Посмотреть исходный код страницы) и кликните на ссылку в исходном коде assets/css/style.css. Если файл не открывается, проверьте лежит ли файл style.css в папке assets/css/ 2. В вашем коде вижу разные названия классов написаны в HTML и в стилях, например в HTML у вас написан класс logotext через тире:

а в css стилях у вас этот класс называется logo_text (через нижнее подчеркивание, а не через тире):

.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover < padding: 22px 0 0 0; color: #fff; letter-spacing: 0.1em; text-decoration: none; >.logo_text h2

Нужно либо в html класс назвать как в стилях через нижнее подчеркивание logo_text, либо в css стилях переименовать класс в logo-text через тире.

Почему при изменении css изменения не отображаются на сайте?

У меня есть css файл main.css.
1. При изменении main.css стили на сайте не меняются. При этом если скачать файл main.css с сервера, то там он измененный.
2. При отключении файла main.css от сайта, его верстка летит к чертям, что логично.
3. Если файл main.css не отключать от сайта, но полностью его очистить (получается, что мы подключаем пустой файл), то на сайте ничего не меняется, как будто ничего не произошло. То есть он продолжает отображать всю верстку корректно.
При этом, если скачать main.css (пустой) с сервера, то он действительно пустой.

  • Вопрос задан более трёх лет назад
  • 162 просмотра

Комментировать
Решения вопроса 1

Kiriniy

Графический и веб-дизайнер

Запрос для поисковика — кэширование. Бывает как на стороне сервера, так и на стороне клиента. Решается внесением дополнительных инструкций или настроек сервера.

Например, как один из вариантов, если вы будете добавлять к своему файлу ../main.css?v=1, а потом 2, 3 и тд. после каждого обновления файла, то, за редким исключением, всегда будет загружаться последняя версия независимо от кэширующей системы.

Не отображаются изменения в CSS-файлах

С какого-то момента (не могу понять, после чего) изменения размеров, шрифтов и т.д., сделанные в CSS-файлах, не отображаются на сайте ни в ИЕ, ни в Опере.

  • Drupal6
  • Блог
  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии

Комментарии

shefkzn 15 сентября 2009 в 23:27

Возможно 3 варианта:

1.либо косяк в css файле
2.либо надо просто очистить кэш в admin/settings/performance
3.возможно изменяемые параметры перекрываюься другими css файлами.

Для правильной и удобной отладки при работе c css я использую fireFox, скачайте браузер и плагин к нему под названием FireBug. В нём можно выделять отдельные элементы (div’ы, заголовки, span’ы и т.д) и просматривать их css, что чем перекрывается и т.д. ит.п.

Я скажу вам, что fireFox+FireBug — это вещь. попробовав раз не слезишь, как наркотик. Для верстальщика — штука незаменимая.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

4. Возможно у вас стоит объединение css файлов

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Стоящий совет от shefkzn про fireFox + FireBug. От себя посоветую к Огнелису ещё и аддон Web Developer.

Если сайт всё ещё в разработке, отключите оптимизацию css-файлов

Очистите кэш (/admin/settings/performance)

Проверьте CSS на валидность, вдруг, где скобку пропустили.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Что-то мне кажется, что надо почистить кеш.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Если на странице настройки темы выбрать другие цвета (там где тема это позволяет), то потом вручную можете хоть заизменять .CSS файлы — измнения работать не будут. Чтобы сработали, надо тупо зайти на страницу настройки темы и тупо сохранить то что есть ещё раз.

  • Войдите или зарегистрируйтесь, чтобы отправлять комментарии
  • Реакции

Изменения в файле css никак не отображаются на сайте

Author24 — интернет-сервис помощи студентам

У меня запущен сервер, и как только я вношу изменения в корневой папке в файле style.css изменения не отображаются на сайте.

Перейдя по адресу website/style.css отображается старая версия файла без внесённых изменений.

Как с этим бороться?

Добавлено через 2 минуты
Да. и вновь погуглив, нашёл.

Оставлю это здесь, может кому полезно будет.

Откройте инструменты разработчика: Ctrl+Shift+I.
Теперь, оставив панель открытой, кликните левой кнопкой мыши на кнопку «Обновить» (рядом со строкой адреса) и не отпускайте кнопку.
Через несколько секунд вы увидите выпадающее меню в котором будет пункт: Очистка кэша и аппаратная перезагрузка.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *