Count kittens

by slackero

HTML

<item class="item item-cat">
    <h3>Kitty cat</h3>
    <img src="http://placekitten.com/g/460/240" alt="">
</item>
<item class="item item-whatever">
    <h3>Whatever</h3>
    <img src="http://placehold.it/460x240" alt="">
</item>
<item class="item item-cat">
    <h3>Kitty cat</h3>
    <img src="http://placekitten.com/g/460/240" alt="">
</item>
<item class="item item-cat">
    <h3>Kitty cat</h3>
    <img src="http://placekitten.com/g/460/240" alt="">
</item>

CSS

body {
    counter-reset: kitten;
}
.item-cat h3:before {
    counter-increment: kitten;    
    content: counter(kitten) ". ";
}