Не работают стили шаблона

Почему не работают CSS-стили?

Приветствую вас на сайте Impuls-Web!

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

Навигация по статье:

Речь сегодня пойдет о таких ситуациях, когда вы задаете свои css-стили для определенных элементов на вашем сайте, сохраняете все изменения, обновляете страницу и видите, что данные css-стили не применяются. Сегодня мы постараемся разобраться, в чем может быть причина такой проблемы, и как с ней бороться.

Кэширование браузера

Первая причина, по которой внесенные вами изменения могут не применяться может заключаться в банальном кэшировании браузера. Особенно актуально эта проблема проявляется в браузерах Google Chrome.

Дело в том, что этот браузер по умолчанию кэширует все css-стили сайта. Поэтому очень часто, после внесения изменений, при просмотре страницы в браузере Google Chrome нужно либо несколько раз обновить страницу, чтобы изменения вступили в силу, либо очистить кэш браузера.

Кэш браузера здесь очищается следующим образом:

1. 1. В правом верхнем углу находим значок с тремя точками и открываем меню настроек Google Chrome
2. 2. Находим пункт «История» =>«История»

Во всех других браузерах кэш чистится аналогичным образом.

Кэширование на хостинге или на сайте

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

Ошибки в коде

Следующая ситуация, когда стили могут не срабатывать – это ошибки в коде. Особенно это актуально в тех случаях, если вы вносите изменения через встроенный редактор WordPress. Здесь нет подсветки кода и какую-то ошибку в написании того или иного css-свойства очень легко не заметить.

Поэтому для работы с кодом в целом и с css-файлами я рекомендую использовать редакторы кода, в которых есть подсветка этого самого кода. И если вдруг вы какое-то css-свойство напишете не правильно, то у вас он просто не будет подсвечиваться соответствующим цветом, и вы сможете понять, что здесь есть какая-то ошибка.

Не правильно выбранный селектор

Для тех, кто еще не знает, селекторами в css называются та часть кода (те строки), через которые происходит выборка или обращение к тому или иному элементу. Это либо название класса, либо название идентификатора, либо название какого-то html-тега, для которого вы хотите применить определенные стили.

Как же всё таки определить правильно ли вы указали селектор или нет?

Я в таких случаях использую один очень простой прием, который называется задание красной рамки.

К примеру, я хочу изменить стили для блока на сайте.

1. Для начала мне нужно вычислить его класс или идентификатор. При помощи инспектирование кода определяю что блок имеет класс site-branding.

Источник

Не работают CSS стили в Django

Только начал изучать Django и столкнулся с проблемой: не применяются стили CSS ни на одной из страниц (home.html и about.html).

Вот мои настройки в settings.py связанные со static.

STATIC_URL = ‘/static/’ STATICFILES_DIRS = [ os.path.join(BASE_DIR, ‘static’), ]

Вот расположение файлов:

Вот что показывает Developer tools:

1 ответ 1

В Devtools видно, что background-color переопределяется в _reboot.scss (он, кстати, нигде в приведенных листингах явно не подключен) — если вы проскроллите вниз, то увидите, что background-color из style.css зачёркнуто. Выход — вам нужно подключить ваш style.css последним, чтобы он переопределял заданные ранее свойства.

За ответ в коментах спасибо Artem Korsunov

Всё ещё ищете ответ? Посмотрите другие вопросы с метками html css python django или задайте свой вопрос.

Похожие

Подписаться на ленту

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.10.15.40479

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Источник

Не работают стили stylesheet.css на новых шаблонах [РЕШЕНО]

Рекомендуемые сообщения

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Войти

Уже есть аккаунт? Войти в систему.

Похожий контент

Привет!
Имеется два сайта на одном хостинге.
На первом сайте цвет текста черный.
На втором сайте цвет текста красный, хотя должен быть тоже черный.
Когда чистишь кэш на втором сайте, где цвет красный, то после обновления страницы цвет становится черный, то что надо, а вот на первом сайте цвет текста становится красный, то есть, меняется с черного на красный.
Когда чистишь кэш на первом сайте, то всё становится наоборот.
Что за ерунда — непонятно. Как устранить это? Где это искать?
Может где то какая то общая папка с кэшем есть и они ссылаются на один и тот же стиль, кто знает?

Здравствуйте.
Ситуация такая:
Я совершенно не разбираюсь в кодах, и делаю сайт через готовые шаблоны и модули.
Установил в общем модуль Simple, и подогнал под шаблоновский стиль, но остались неизмененные кнопки (скрины во вложении).
Подскажите плиз, как их можно отредактировать?
Очень желательно, если ответ будет расписан по пунктам.
Благодарю.

Приветствую всех.
Переносил с тестового поддомена сайт на основной домен, после переноса, боковая панель стала отображаться кривовато как на версии 2.3, хотя если полезть в структуру, тогда отображает как и должно на 3 версии. До этого стояла версия окстора 2.3 и пхп 5.6 . Магазин на тестовом поддомене настраивал на php 7.2. Естественно перед переносом на основном домене установил на хостинге 7.2 версию. Кэш — где только возможно чистил

Как отключить автоматическое добавление этих правил?

Последние посетители 0 пользователей онлайн

Ни одного зарегистрированного пользователя не просматривает данную страницу

Источник

Почему не работают подключенные стили из внешнего файла?

Начал изучать верстку,пришло время сверстать первую landing-страничку.Но в самом начале столкнулся с проблемой, при подключении стиля из внешнего файла который лежит по пути css/style.css.Все делал как в преподавателя один в один.Отладчик в хроме не выдает ошибку,что файл не найден,то стили все равно не применяются.Но если же написать эти стили между тэгами style,в самом документе html,то все работает как надо.

Пробоват менять местами атрибуты в тэге link,не помогает.

Но подключенная картинка отработала как надо.
Помогите разобратся новичку.

• Вопрос задан более двух лет назад
• 589 просмотров

style.css с каким кодом отдаётся?
скорее всего он закешировался (304 вместо 200).

Вообще на время разработки всегда открывайте средства разработки и включайте опцию Disabled cache. Эту опцию можно не выключать, она не будет мешать на других сайтах, потому что работает только при открытой консоли.

Источник

Не работают CSS-стили с PHP

Есть файл index.php. В нем есть код на самом php, а также html код. И файл со стилями style.css в одной директории что и index.php

Вот код файла index.php

Код css стилей сбрасывать не буду, но в общем любая манипуляция там игнорируется web — страницей.

P.S если что, то файлы лежат на OpenServer в папке domains/test.ru

4 ответа 4

Блиан, запрещает оставлять комментарии из за малой репутации. В общем я оформил html как нужно и у меня стили применились. Однако опять же, как только я изменил в стилях шрифт, новый размер шрифта не применился. Так же создал папку css и туда положил файл style.css путь теперь прописываю так: href=»/css/style.css»

В любых подобных ситуациях следует для начала полностью обновить страницу ( Ctrl+F5 , а не просто F5 ). Тогда все стили и прочее загрузятся заново даже если они закешированы.

Если не поможет стоит включить в браузере инструменты разработчика ( F12 а FireFox и Chrom), перейти на вкладку «Сеть» и, опять же, полностью форсированно обновить страницу ( Ctrl+F5 ). Посмотрите загружается-ли файл стилей, там-же можно посмотреть его содержимое (возможно, по какой-либо причине оно не соответствует ожиданиям)

Источник