Polyfill demo for nth-child

by paulftw

HTML

<!DOCTYPE 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(2n) {
    background-color: #e0e8ef;
}

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