Показать сообщение отдельно
Старый 01.03.2013, 11:13   #8
Phantom
Элита
 
Аватар для Phantom
 
Регистрация: 14.06.2008
Адрес: Украина, Киев
Сообщений: 2,193
Написано 731 полезных сообщений
(для 1,796 пользователей)
Ответ: Иерархический нумерованный список средствами css

Кажется я придумал решение. Тестировал на списках с разной иерархией и вкладывал списки в разные блоки на разную глубину в DOM. Проблем замечено не было. Вот код CSS:
ol{
  list-
stylenone;
  
counter-resetnum;
}

ol li:before{
  
contentcounter(num' ';
  
counter-incrementnum;
}

ol ol{
  
counter-resetnum2;
}

ol ol li:before{
  
contentcounter(num'.' counters(num2,'.'' ';
  
counter-incrementnum2;

Я завёл два разных счётчика. Один - для корневых списков, а второй - для вложенных подсписков. В принципе по коду должно быть понятно.
(Offline)
 
Ответить с цитированием