Change even/odd rows background colors

change-evenodd-rows-background-colors.html

<style>
.container {
    width:600px;
    margin:0 auto;
}
.row {
    line-height:24pt;
    border: solid 1px black;
}
.row:nth-of-type(2n+1)
    background: #ccc;
}
.row:nth-of-type(2n)
    background: #eee;
}
h3 {
    line-height:36pt;
    font-weight:bold;
    color:blue;
}
</style>

<div class="container">
    <h3>Title</h3>
    <div class="row">Content</div>
    <div class="row">Content</div>
    <div class="row">Content</div>
    <div class="row">Content</div>
</div>