Dynamic numbered elements in CSS

by joshmfrankel

HTML

<div class="top">
    <div>Some content goes here</div>
    <div>More content goes here</div>
    <div>Yep, more content</div>
</div>

<div class="top">
    <div>Some content goes here</div>
    <div>More content goes here</div>
    <div>Yep, more content</div>
</div>

CSS

body {
counter-reset: section;
}
 
div.top div:before {
counter-increment: section;
content: counter(section) ') ';
}