Переопределение CSS в wordpress с использованием класса

.block-h1 { font-size:13px; font-size:1.1em; line-height:13px; position:absolute; top:13%; left:6%; z-index:99; color: #E35094; !important;}

Существует тег <h1 class="block-h1">Hello</h1> в странице, все стиль блок-h1 удаляются при загрузке с помощью WordPress и стиль сохраняется как h1 .post-контента.

Я использую !important, но не работает.

источник

2014-09-19 Kelvin

Я не рекомендую использовать 'important', но так, как вы используете это неправильно!. Это должно быть после каждого правила. Например, 'color: # E35094! Important;' – j08691

у вас есть опечатка, просто удалите точку с запятой раньше! Important. Опять же, @ j08691 прав, старайтесь избегать! Важно и использовать более конкретные классы – Devin

j08691 и Fabio, спасибо за ваш комментарий, я неправильно объявляю выше стиль в заголовке, я объявляю их в нижнем колонтитуле и все работаю. – Kelvin

Никогда не используйте !important, это тупой инструмент и затрудняет переопределение нового объявления. Сделайте свою декларацию более конкретно.

Используйте класс:

h1.block-h1 { ... }

h1.block-h1 более специфичен, чем только .block-h1.

См: http://css-tricks.com/specifics-on-css-specificity/

источник

2014-09-19 17:35:04

Просто замените ваш CSS с:

h1.block-h1 { 
    font-size: 13px; 
    font-size: 1.1em; 
    line-height: 13px; 
    position: absolute; 
    top: 13%; 
    left: 6%; 
    z-index: 99; 
    color: #E35094 !important; 
}

источник

2014-09-19 18:46:32 WpTricks24

Переопределение CSS в wordpress с использованием класса

ответ

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