Alternating background colours

dabblet.css

/**
 * Alternating background colours
 */

.postcontainer {
    background-color: lightblue;
    padding: 0.2em;
}

.postcontainer:nth-of-type(2n) {
    background-color: darkblue;
    color: white;
}

dabblet.html

<div class="postcontainer">A post</div>
<div class="postcontainer">A post</div>
<div class="postcontainer">A post</div>
<div class="postcontainer">A post</div>
<div class="postcontainer">A post</div>
<div class="postcontainer">A post</div>
<div class="postcontainer">A post</div>
<div class="postcontainer">A post</div>
<div class="postcontainer">A post</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}