ZlydenGL
Moderator | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Возникла тут интересная задача.
Нужно было на HTML сверстать многоуровневый нумерованный список. Проблему решил довольно просто, в таблицу стилей добавил строки
Код: ol>li{display:block;}
ol>li:before{content:counters(item,".") ". ";counter-increment:item;}
ol{counter-reset:item;}
|
Но следом задача немного усложнилась: добавилось требование, чтобы шрифт конкретного пункта был таким же, как и шрифт текста этого пункта. Т.е. если после номера пункта идет текст H2, то чтобы и номер пункта был хотя бы того же размера. И вот как решить эту задачу, в голову идей не приходит, как и подходящего гуглозапроса.
Дело усложняется тем, что часть текста задается через WYSIWYG редактор tinymce, который в штатном комплекте не применяет стили к конкретному пункту li. А заставлять юзеров каждый раз открывать HTML код, выискивать нужный фрагмент и плясать вокруг него бубен, как-то не хочется (ну или хочется оставить это как последний способ).
Что скажет уважаемый All, есть ли подобное решение? Браузерная платформа вполне современная: IE8+, FF14+, Chrome. Safari пока не наблюдал.
----------
Переработал: втыкая аккумулятор в шуруповерт пытаешься передёрнуть затвор |
|
