CSS работает только с! Важно

Я столкнулся с самой странной проблемой.CSS работает только с! Важно

Я просто начать на новом веб-сайте, и у меня есть что-то вроде:

html { 
    font-family: Arial, sans-serif; 
}

Ну, мой текст, оказывается, в засечками. Если я проверяю элемент проверки, он отображается как вычеркнутый. Если я ищу в таблице стилей, я нахожу только это место с объявлением семейства шрифтов.

Если я добавлю ! Important, то Arial works.

Кто-нибудь знает, что происходит? Спасибо

источник

2015-06-04 alemur

Вы видите какие-либо другие стили в инструменте проверки, переопределяющие ваши стили? Некоторые браузеры могут иметь стили по умолчанию, которые я считаю, но странно, что это только переопределит их с помощью флага '! Important'. – Donald

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

Режим разработчика google chrome покажет вам, где элементы получают свой стиль от – Brino

Обычно font-family должен быть установлен на теге <body>, а не <html>. Вероятно, у вас установлен шрифт serif, который перезаписывает правило.

В ответ на комментарии вы устанавливаете font-family над глобальным сбросом, что неверно. В сбросе html {font: inherit;}, который перезаписывает правило, установленное выше, а шрифт браузера по умолчанию - serif в большинстве случаев. Именно поэтому он отображает serif вместо arial.

источник

2015-06-04 21:12:19 Stickers

Нет, я на самом деле этого не делаю. но вы можете посмотреть здесь https://dl.dropboxusercontent.com/u/15465969/example/index.html – alemur

Если я назначу шрифт на теле, наследование также уйдет. – alemur

@Akmur, вы должны перенести свой пользовательский css ниже глобального сброса, снова установить семейство шрифтов на теге тела - лучший способ сделать. – Stickers

CSS работает только с! Важно

ответ

Смежные вопросы