Многоуровневые нумерованные списки

Многоуровневые нумерованные списки делаются так:

CSS

ol.mnl { counter-reset: item }

li.mnl { display: block }

li.mnl:before { content: counters(item, ".") ". "; counter-increment: item;  }

 

HTML

    
	
  1. Один
    2. 
	
  2. Два
		
      
			
    1. Два-Один
      2. 
			
    2. Два-Два
				
        
					
      1. Два-Два-Один
        2. 
					
      2. Два-Два-Два
        3. 
				
      
			
      3. 
			
    3. Два-Три
      4. 
		
    
	
  3. Три
    4.

Результат

  1. Один
  2. Два
    1. Два-Один
    2. Два-Два
      1. Два-Два-Один
      2. Два-Два-Два
    3. Два-Три
  3. Три

Пример использования

Print Friendly, PDF & Email

CC BY-NC 4.0 Многоуровневые нумерованные списки, опубликовано К ВВ, лицензия — Creative Commons Attribution-NonCommercial 4.0 International.


Респект и уважуха

Добавить комментарий