Почему не применяются стили css

Почему css стили не применяются?

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

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

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

Почему мой стиль CSS не применяется?

Итак, я ожидал бы цитату ("расставание-такая сладкая печаль!") курсивом и другим шрифтом, чем имя цитируемого (Bill Rattleandrollspeer), поскольку его тег span имеет класс "fancify", прикрепленный к нему. Класс, безусловно, следует рассматривать, так как файл, в котором он появляется, ссылается на файл макета, который использует сайт.стиль CSS файл.

какую ошибку новичка я делаю сейчас?

обновление

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

. но я переместил его выше, и он все еще не работает и не виден через элемент F12 | Inspect для рассматриваемой метки.

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

обновление 2

вот как HTML идет вниз:

. и вот мое правило CSS на сайте.css:

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

11 ответов

вы пытались заставить селекторы быть в передней части класса?

обычно это добавит больше веса вашей декларации CSS. Моя ошибка. .. Между селектором и классом не должно быть пространства. То же самое касается ID. Если у вас есть например:

вы бы стиль это так:

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

для получения дополнительной информации о псевдо-селекторов и селекторы детей:http://www.w3.org/TR/CSS2/selector.html

CSS-это целая наука:) остерегайтесь, что некоторые браузеры могут иметь несовместимости и не будут показывать вам правильные результаты. Для получения дополнительной информации проверьте этот сайт:http://www.caniuse.com/

ранее в файле CSS могла быть ошибка, из-за которой ваш (правильный) CSS не работает.

Я сходил с ума, когда правило игнорировалось, а другие нет. Запустите CSS через валидатор и найдите ошибки синтаксического анализа.

Я случайно использовал / / для комментария вместо/**/, вызывая странное поведение. Мой IDE ничего не сказал об этом. Надеюсь, это кому-то поможет.

Posting, так как это может быть полезно для кого-то в будущем:

для меня, когда я попал сюда, решение было кэш браузера. Пришлось жестко обновить Chrome (cmd/ctrl+shift+R), чтобы применить новые стили, похоже, старые были кэшированы действительно "глубоко".

вопрос/ответ может пригодиться для кого-то. И советы по жесткому обновлению для разных браузеров для тех, кто не использует Chrome.

возможно, ваш span наследует стиль, который заставляет его текст быть нормальным, а не курсивом, как вам хотелось бы. Если вы просто не можете заставить его работать так, как хотите, вы можете попробовать пометить свой стиль шрифта как важный.

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

в дополнение к решениям, опубликованным выше, пройдя через ту же самую проблему, убедитесь, что вы проверяете свой HTML. Более конкретно, правильно ли вы обозначили свои элементы, а также селекторы классов и идентификаторов. Вы можете сделать это вручную или через валидатор (https://validator.w3.org/).

для меня, я пропустил знак равенства рядом с классом ( <div class someDiv> vs <div >, следовательно, почему не было применено свойство CSS.

Я знаю, что это старый пост, но я подумал, что могу добавить мысль для людей, которые сталкиваются с подобной проблемой. Я предполагаю, что вы используете ASP.NET MVC, так как вы упомянули сайт.в CSS.

Проверьте связки.config чтобы увидеть, если у вас есть BundleTable.EnableOptimizations = true ; Если вы этого не сделаете, то это может быть ваша проблема, так как это позволяет программе быть пакетами и "minified". В зависимости от того, работаете ли вы в режиме отладки или нет, это может иметь эффект.

У меня была аналогичная проблема, которая была вызвана простой ошибкой в комментариях CSS.

Я написал комментарий, используя JavaScript / / way вместо/* */, который заставил последующий css-класс сломаться, но все остальные CSS работают так, как ожидалось.

рассуждения для моих стилей CSS не применяются, даже если они загружаются:

на на link тег, который загружал таблицу стилей, имел неверное значение. Я нечаянно поставил его на 1 вместо all . Это означало, что браузер игнорировал эти стили в этой связанной таблице стилей.

для меня проблема заключалась в неправильном типе содержимого поданного .css-файл (если он содержит определенные символы юникода).

изменение типа содержимого на text/css решена проблема.

для меня это были локальные переопределения в Sources — > Overrides. Файл сохраняется локально при изменении стиля страницы, и chrome использует этот файл для переопределения css сервера.

CSS не применяется к странице

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

Не применяется CSS
Доброго времени суток. Есть такой код: &lt;section &lt;div.

Не применяется загружаемый шрифт на странице
На странице подгружается гугловый шрифт, и инспектор файрефокс показывает, что он загрузился, но на.

Не применяется CSS ко вложеному элементу
Почему к параграфу, который в 24 строке не применяется стиль класса large? &lt;html&gt; &lt;head&gt; .

Лучший ответСообщение было отмечено mrtoxas как решение

Решение

Стиль CSS не применяется к HTML
Не применяется стиль CSS, помогите пожалуйста. &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;meta.

Не применяется CSS-класс к элементу
ребят че то затупил я, подскажите пожалуйста вот у меня имеется в стилях .css класс с картинкой .

Css не применяется к элементам input/button
Имею такой скрипт, который заполняет уже существующий на странице div элементами К самому div.

Не применяется стиль css в js
Всем привет, хочу проверить есть ли класс .box_item_m среди .box_item, если есть, добавить стиль.

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

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