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

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

ol{
  
counter-resetnum1;
}
ol li:before{
  
counter-incrementnum1;
  
contentcounter(num1' ';
}

ol ol{
  
counter-resetnum2;
}
ol ol li:before{
  
counter-incrementnum2;
  
contentcounter(num1'.'
           
counter(num2' ';
}

ol ol ol{
  
counter-resetnum3;
}
ol ol ol li:before{
  
counter-incrementnum3;
  
contentcounter(num1'.'
           
counter(num2'.'
           
counter(num3' ';
}

ol ol ol ol{
  
counter-resetnum4;
}
ol ol ol ol li:before{
  
counter-incrementnum4;
  
contentcounter(num1'.'
           
counter(num2'.'
           
counter(num3'.'
           
counter(num4' ';
}

ol ol ol ol ol{
  
counter-resetnum5;
}
ol ol ol ol ol li:before{
  
counter-incrementnum5;
  
contentcounter(num1'.'
           
counter(num2'.'
           
counter(num3'.'
           
counter(num4'.'
           
counter(num5' ';

(Offline)
 
Ответить с цитированием