1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- .subnumberlist li {
- list-style: none;
- }
- .subnumberlist ol {
- padding: 0;
- }
- .subnumberlist li:before {
- display: block;
- padding-right: 5px;
- float: left;
- }
-
- .subnumberlist > ol {
- counter-reset: subnumberlist-counter1;
- }
- .subnumberlist ol > li:before {
- content: counter(subnumberlist-counter1) ". ";
- }
- .subnumberlist ol > li {
- counter-increment: subnumberlist-counter1;
- }
- /*level 2*/
- .subnumberlist ol > li ol {
- counter-reset: subnumberlist-counter2;
- }
- .subnumberlist ol > li ol > li:before {
- content: counter(subnumberlist-counter1) "." counter(subnumberlist-counter2) ". ";
- }
- .subnumberlist ol > li ol > li {
- counter-increment: subnumberlist-counter2;
- }
- /*level 3*/
- .subnumberlist ol > li ol > li ol {
- counter-reset: subnumberlist-counter3;
- }
- .subnumberlist ol > li ol > li ol > li:before {
- content: counter(subnumberlist-counter1) "." counter(subnumberlist-counter2) "." counter(subnumberlist-counter3) ". ";
- }
- .subnumberlist ol > li ol > li ol > li {
- counter-increment: subnumberlist-counter3;
- }
- /*level 4*/
- .subnumberlist ol > li ol > li ol > li ol {
- counter-reset: subnumberlist-counter4;
- }
- .subnumberlist ol > li ol > li ol > li ol > li:before {
- content: counter(subnumberlist-counter1) "." counter(subnumberlist-counter2) "." counter(subnumberlist-counter3) "." counter(subnumberlist-counter4) ". ";
- }
- .subnumberlist ol > li ol > li ol > li ol > li {
- counter-increment: subnumberlist-counter4;
- }
|