:nth-child demo XPLAN

by paulftw

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/selectivizr/1.0.2/selectivizr-min.js"></script>
<p>
    row 1
</p>
<p>
    row 2
</p>
<p>
    row 3
</p>
<p>
    row 4
</p>
<p>
    row 5
</p>
<p>
    row 6
</p>

CSS

p:nth-child(even) {
    background-color: #e0e8ef;
}

p {
    padding: 20px;
    margin: 0;
}