Исключения из правил

Есть код для параграфов

#news_block p {
    font: 70% Verdana, Arial, Helvetica, sans-serif;
    color:#003366;
    margin:0 0 10px 0;
    text-indent: 20px;
    line-height:20px;
    text-align:justify;
}

Ключевой параметр тут — выравнивание.
Хочу создать какое-то исключение, чтоли, чтобы была возможность выравнивать параграфы по тексту.
Пока помогает только вставка style="text-align:center"; остальное (стили с выравниванием по центру) перекрываются вышеупомянутым правилом.

Кстати, возможно это всё связано с тем, что по умолчанию WP кидает весь the_контент в один <P> и получается когда мы внутри заводим ещё один P класс для альтернативного выравнивания текста не применятся. что-то типа того.
Приходилось даже извращаться, подставлять искусственно конец параграфа, а потом писать то что по центру надо

</p>  <p class="ctr">Центр!</p> <p>

…

Коментарии: 4

-HIMk

06.05.2008 07:27

Ответить

Проще говоря, есть ли возможность делать исключения в CSS?

sonika

06.05.2008 10:40

Ответить

Кстати, возможно это всё связано с тем, что по умолчанию WP кидает весь the_контент в один <P> и получается когда мы внутри заводим ещё один P класс для альтернативного выравнивания текста не применятся. что-то типа того.

Вы меня смущаете 🙂 Как говорил Петька Василь Иванычу после того, как провалил экзамен в университет «… а я даже представить не могу, какой он, этот квадратный трехчлен!»

Зачем нам исключения, когда есть !important

Вот так попробуйте:
.entry p {text-align:justify}
.entry p.clr {text-align:center!important}

и потом для задания классов для <P> прямо из виз. редактора:

Свой стиль для визуального редактора — плагин Advanced TinyMCE

http://www.sonika.ru/blog/wordpress/wordpress-visual-editor-4.htm (читать от «Помимо всего прочего в WP Super Edit…»)

-HIMk

07.05.2008 13:42

Ответить

Работает, но простите (я туплю — ооочень заработался), блочная вёрстка, совмещатся же с классовыми описаниями? Приспособил так, вроде работает. А вообще, как правильнее отделить вёрстку от дизайна, учитывая что мы рисуем для WP?

.news_block {
    width:100%;
    margin:10px 0 10px 0;
}

.news_block p {
    text-align:justify;
    font: 70% Verdana, Arial, Helvetica, sans-serif;
    color:#003366;
    margin:0 0 10px 0;
    text-indent: 20px;
    line-height:20px;
}
.news_block p.ctr {
    text-align:center!important
    }

sonika

07.05.2008 13:56

Ответить

блочная вёрстка, совмещатся же с классовыми описаниями?

Где Вы такие выражения-то берете? 🙂 Могу только стандартно порекомендовать http://stepbystep.htmlbook.ru/ чтобы в понятиях не путаться

Исключения из правил

Свежее