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

В общем ни к чему более умному, чем прописать правила на пять уровней вложенности с разными счётчиками, я не пришёл. Этот быдлокод работает во всех устраиваемых меня браузерах:
ol{
  list-
style: none;
}

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

ol ol{
  
counter-reset: num2;
}
ol ol li:before{
  
counter-increment: num2;
  
content: counter(num1) '.'
           
counter(num2) ' ';
}

ol ol ol{
  
counter-reset: num3;
}
ol ol ol li:before{
  
counter-increment: num3;
  
content: counter(num1) '.'
           
counter(num2) '.'
           
counter(num3) ' ';
}

ol ol ol ol{
  
counter-reset: num4;
}
ol ol ol ol li:before{
  
counter-increment: num4;
  
content: counter(num1) '.'
           
counter(num2) '.'
           
counter(num3) '.'
           
counter(num4) ' ';
}

ol ol ol ol ol{
  
counter-reset: num5;
}
ol ol ol ol ol li:before{
  
counter-increment: num5;
  
content: counter(num1) '.'
           
counter(num2) '.'
           
counter(num3) '.'
           
counter(num4) '.'
           
counter(num5) ' ';
} 
(Offline)
 
Ответить с цитированием