Не применяется стиль из style.css
Доброго времени. Снова занимаюсь сексом с кодом. На сей раз потрачено 1.5 часа на ломку головы на тему «Почему на работает?» Есть код:
blockquote margin: 20px 10px;
padding: 3px;
background-color: #cccccc;
>
blockquote p margin: 10px;
>
blockquote cite font-size: 0.9em;
>
blockquote cite:before position: relative;
top: -2px;
margin: 0 5px;
content: ‘ ̶ ‘;
>
Этот код беру из style.css . Соответстенно, хочу поменять стилистику цитаты. Меняю цвет на красный — не работает. Применяю абсолютно другие стили для «блоквоут» — ноль внимания. Интересно, что в файле все поменяю, нажму на «Обновить файл» в админке ВП, захожу на страницу — все как и было. Такое ощущение, есть какие-то перейшие файлы, которые задают параметры. Рыскал по другим частям кода — нигде не нашел. В чем дело не могу понять.
Не работают CSS стили
Добрый день. Пытаюсь внедрить новое меню на сайт и естественно оформляю его через CSS.
Но почему-то стили не срабатывают.
Стили как обычно вношу в файлы shop.css и site.css, до этого все вносимые стили срабатывали нормально, но почему-то применительно конкретно к новому выпадающему меню не срабатывают и все тут. Пытался брать и готовые примеры, то же самое.
Меню высвечивается просто деревом, а стили и действия с меню типа появления, скрытия не работают, как и визуальное оформление.
Может кто-то подскажет, в чем может крыться проблема?
7 ответов
0
Евгений Эксперт Разработчик 11 декабря 2018 22:56 #
Кеш чистите в браузере? CTRL+F5?
+1
Бухтеев Алексей 12 декабря 2018 12:30 #
Конечно, и в браузере и в бэкэнде.. Не помогает.
1
Бухтеев Алексей 12 декабря 2018 12:33 #
Код выглядит так: HTML
CSS
* < box-sizing: border-box; >body < margin: 0; background: #f2f2f2; >header < background: white; text-align: center; >header a < text-decoration: none; outline: none; display: block; transition: .3s ease-in-out; >.logo < color: #D5B45B; font-family: 'Playfair Display', serif; font-size: 2.5em; padding: 20px 0; >nav < display: table; margin: 0 auto; >nav ul < list-style: none; margin: 0; padding: 0; >.topmenu:after < content: ""; display: table; clear: both; >.topmenu > li < width: 25%; float: left; position: relative; font-family: 'Open Sans', sans-serif; >.topmenu > li > a < text-transform: uppercase; font-size: 14px; font-weight: bold; color: #404040; padding: 15px 30px; >.topmenu li a:hover < color: #D5B45B; >.submenu-link:after < content: "\f107"; font-family: "FontAwesome"; color: inherit; margin-left: 10px; >.submenu < background: #273037; position: absolute; left: 0; top: 100%; z-index: 5; width: 180px; opacity: 0; transform: scaleY(0); transform-origin: 0 0; transition: .5s ease-in-out; >.submenu a < color: white; text-align: left; padding: 12px 15px; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,.1); >.submenu li:last-child a < border-bottom: none; >.topmenu > li:hover .submenu
+1
Бухтеев Алексей 12 декабря 2018 13:40 #
Приоритет стилей тоже пытался поднять посредством инструмента !important и путем прописывания правил для конкретных классов и контейнеров в которых эти стили должны срабатывать. результат опять нулевой
div #contentDescription nav < box-sizing: border-box!important; >div #contentDescription body < margin: 0!important; background: #f2f2f2!important; >div #contentDescription header < background: white!important; text-align: center!important; >div #contentDescription header a < text-decoration: none!important; outline: none!important; display: block!important; transition: .3s ease-in-out!important; >div #contentDescription .logo < color: #D5B45B!important; font-family: 'Playfair Display', serif!important; font-size: 2.5em!important; padding: 20px 0!important; >div #contentDescription nav < display: table!important; margin: 0 auto!important; >div #contentDescription nav ul < list-style: none!important; margin: 0!important; padding: 0!important; >div #contentDescription .topmenu:after < content: ""!important; display: table!important; clear: both!important; >div #contentDescription .topmenu > li < width: 25%!important; float: left!important; position: relative!important; font-family: 'Open Sans', sans-serif!important; >div #contentDescription .topmenu > li > a < text-transform: uppercase!important; font-size: 14px!important; font-weight: bold!important; color: #404040!important; padding: 15px 30px!important; >div #contentDescription .topmenu li a:hover < color: #D5B45B!important; >div #contentDescription .submenu-link:after < content: "\f107"!important; font-family: "FontAwesome"!important; color: inherit!important; margin-left: 10px!important; >div #contentDescription .submenu < background: #273037!important; position: absolute!important; left: 0!important; top: 100%!important; z-index: 5!important; width: 180px!important; opacity: 0!important; transform: scaleY(0)!important; transform-origin: 0 0!important; transition: .5s ease-in-out!important; >div #contentDescription .submenu a < color: white!important; text-align: left!important; padding: 12px 15px!important; font-size: 13px!important; border-bottom: 1px solid rgba(255,255,255,.1)!important; >div #contentDescription .submenu li:last-child a < border-bottom: none!important; >div #contentDescription .topmenu > li:hover .submenu
1
Котлова Светлана 29 января 2020 13:38 #
Добрый день. Решилась ли Ваша проблема тогда? Сейчас столкнулась точно с такой же ситуацией. Тоже пытаюсь прописать свою стили для верхнего меню, и они не применяются. Ни !important, ни очистка кэш, ни замена тэгов-ничего не помогло. По разному пыталась вставить пункты меню, и через специальные блоки, и напрямую в шаблоне-все тщетно.. Если Вы разобрались с данной ситуацией-подскажите пожалуйста решение. Спасибо.
+1
Бухтеев Алексей 29 января 2020 15:38 #
Очень давно это было, если честно, уже не помню. Сейчас попытался восстановить в памяти, видимо как-то по-другому реализовал.
Посмотрите реализацию на сайте www.stylist-shop.ru, если увидите что-то подходящие, кодом с радостью поделюсь!
+1
Котлова Светлана 29 января 2020 16:10 #
Спасибо! Красивый сайт у Вас какой! Написала разработчикам темы, стили перестали работать после обновлений, скорее всего, ошибка на их стороне.
Почему не применяется стиль css?
1. Файл style.css лежит в папках assets/css? 2. Если windows нужно обновить страницу в браузере через Ctrl и f5 чтобы спросить cache.
Тогда поможет только скачивание исходного кода и запуска от туда, потом нужно будет сравнить со своими файлами: https://fructcode.com/ru/courses/html-and-css/video-css-horizontal-menu-part-two/ Только после скачивания нужно разархивировать куда-нибудь, хоть в папку на рабочий стол и запустить нужно файл index.html.
1.да(неоднократно проверял) :// 2.К сожалению, тот же результат
Скопировав код все то же самое://
Я нашел решение проблемы, так как папка css и файл index.html находятся в одной папке — assets. Путь будет выглядеть так css/style.css
Скопировав код все то же самое://Здесь попробуй посмотреть: https://fructcode.com/ru/courses/html-and-css/header-and-top-menu/ Если исходный код скачивал, попробуй в другом браузере запустить или в режиме инкогнито браузера. Код 100% рабочий.
index.html находятся в одной папке - assets.
index.html должен лежать в коневой папке и там же должна лежать папка assets (т.е. рядом должны быть на одном уровне), а в ней должна лежать папка css и внутри папки css должен лежать файл style.css. Это как в уроках структура: -assets -css style.css index.html
Почему не применяется стиль из style.css?
Это может быть обидный вопрос, но я не специально, просто информации мало: а стили-то подключены?
link rel=»stylesheet» href=»styles.css», вот это вот все?
Ответ написан более трёх лет назад
Нравится 2 4 комментария
mr jeery @jeerjmin Автор вопроса