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

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

ol li:before{
  
content: counter(num) ' ';
  
counter-increment: num;
}

ol ol{
  
counter-reset: num2;
}

ol ol li:before{
  
content: counter(num) '.' counters(num2,'.') ' ';
  
counter-increment: num2;
} 
Я завёл два разных счётчика. Один - для корневых списков, а второй - для вложенных подсписков. В принципе по коду должно быть понятно.
(Offline)
 
Ответить с цитированием