Style an Ordered List like “1.1, 1.2” instead of “1, 2”

Question

NOTE:

Due to some of the answers/comments left below (with which I agree), I feel this question is too vague, and does not explain sufficiently my problem. I was t

Answer 1

Took a while to figure this one out!

here is my fiddle

 h2.title {
   font-size: 20px;
   font-weight: 800;
   margin-left: -20px;
   padding: 12px;
   counter-increment: ordem;
 }
 li.heading {
   font-size: 16px;
   font-weight: bold;
   padding: 12px;
   list-style-type: none;
 }
 .bullet {
   counter-reset: bullet;
   padding-left: 12px;
 }
 .bullet li {
   list-style-type: none;
 }
 .bullet li:before {
   counter-increment: bullet;
   content: counter(ordem)"." counter(bullet)" ";
 }
 ol.none {
   list-style: none!important
 }
 li.s2sub::before {
   counter-increment: none!important;
   content: none!important;
 }
 li.s2sub {
   list-style: upper-alpha;
 }
 li.s3sub::before {
   counter-increment: none!important;
   content: none!important;
 }
 li.s3sub {
   list-style-type: circle;
 }
 li.roman::before {
   counter-increment: none!important;
   content: none!important;
 }
 li.roman {
   list-style: lower-roman inside;
 }

  

    
Section 1
 
    
Heading 1

    

      
text 1 one
      
text 1 two
      
text 1 three
      
text 1 four
    
    
Heading 2

    

      
Item 1
      
Item 2
      
Item 3
    
    
Section 2
    

      
First item
        

          
First subitem
          
Second subitem
        
      
      
Second Item
      
Third Item
    
    
Section 3
    

      
First item
        

          
First subitem
          
Second subitem
        
      
      
Second item
      
Third item