发表新帖
发表新帖

Three level decimal ordered list CSS

前端 未结
关注
2 1497
孤城傲影
孤城傲影 2021-01-28 03:43

I have a three level ordered list in html that I would like to give a style as following: 

1. Item 1
1.1 Item 2
1.1.1 Item 3

An example of the

2条回答
  • 北荒
    北荒 (楼主)
    2021-01-28 03:54

    your css code is almost fine, see http://plnkr.co/edit/wmGhz7V6CKqZ7MmHIoDF?p=preview

    you have an extra

  • after level 1, so your markup becomes

      
    
    1.  Should be Item 1
       
        
           
      1.  Should be Item 1.1
        2. 
           
      2.  Should be Item 1.2
        3. 
           
      3.  Should be Item 1.3
               
          
                   
        1.  Should be Item 1.3.1
          2. 
               
        
           
        4. 
           
      4. Should be Item 1.4
        5.  
       
       
    
      2. 
    
    2.  Should be Item 2
      3.

    and in your css I've removed the base list style for ol with list-style: none;

0 讨论(0)
 看不清?
提交回复
热议问题