1 2.subnumberlist li { 3 list-style: none; 4} 5 6.subnumberlist ol { 7 padding: 0; 8} 9 10.subnumberlist li:before { 11 display: block; 12 padding-right: 5px; 13 float: left; 14 } 15 16.subnumberlist > ol { 17 counter-reset: subnumberlist-counter1; 18} 19 20.subnumberlist ol > li:before { 21 content: counter(subnumberlist-counter1) ". "; 22} 23 24.subnumberlist ol > li { 25 counter-increment: subnumberlist-counter1; 26} 27 28/*level 2*/ 29.subnumberlist ol > li ol { 30 counter-reset: subnumberlist-counter2; 31} 32 33.subnumberlist ol > li ol > li:before { 34 content: counter(subnumberlist-counter1) "." counter(subnumberlist-counter2) ". "; 35} 36 37.subnumberlist ol > li ol > li { 38 counter-increment: subnumberlist-counter2; 39} 40 41/*level 3*/ 42.subnumberlist ol > li ol > li ol { 43 counter-reset: subnumberlist-counter3; 44} 45 46.subnumberlist ol > li ol > li ol > li:before { 47 content: counter(subnumberlist-counter1) "." counter(subnumberlist-counter2) "." counter(subnumberlist-counter3) ". "; 48} 49 50.subnumberlist ol > li ol > li ol > li { 51 counter-increment: subnumberlist-counter3; 52} 53 54/*level 4*/ 55.subnumberlist ol > li ol > li ol > li ol { 56 counter-reset: subnumberlist-counter4; 57} 58 59.subnumberlist ol > li ol > li ol > li ol > li:before { 60 content: counter(subnumberlist-counter1) "." counter(subnumberlist-counter2) "." counter(subnumberlist-counter3) "." counter(subnumberlist-counter4) ". "; 61} 62 63.subnumberlist ol > li ol > li ol > li ol > li { 64 counter-increment: subnumberlist-counter4; 65} 66