| <!doctype html> |
| <html> |
| <head> |
| <style> |
| .reset_section { |
| counter-reset: reset_section_count 13; |
| } |
| .reset_section { |
| counter-increment: reset_section_count; |
| counter-reset: none; |
| } |
| .reset_section > .title:before { |
| content: counter(reset_section_count); |
| } |
| .increment_section { |
| counter-increment: increment_section_count 2; |
| } |
| .increment_section { |
| counter-increment: none; |
| } |
| .increment_section > .title:before { |
| content: counter(increment_section_count); |
| } |
| </style> |
| </head> |
| <body> |
| <div class="reset_section"> |
| <div class="title">Reset Section 1 title</div> |
| </div> |
| <div class="reset_section"> |
| <div class="title">Reset Section 2 title</div> |
| </div> |
| <div class="increment_section"> |
| <div class="title">Increment Section 1 title</div> |
| </div> |
| <div class="increment_section"> |
| <div class="title">Increment Section 2 title</div> |
| </div> |
| <div class="increment_section"> |
| <div class="title">Increment Section 2 title</div> |
| </div> |
| </body> |
| </html> |