zebra-striping

Don’t use nth-child, use nth-of-type div.container > div:nth-of-type(odd) { background: #e0e0e0; } .container { width: 600px; margin: 0 auto; } .row { line-height: 24pt; border: solid 1px black; } div.container>div:nth-of-type(odd) { background: #e0e0e0; } h3 { line-height: 36pt; font-weight: bold; color: blue; } <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> <h3>Title</h3> … Read more