Tag: 斑马条纹

CSS div交替颜色

我试图在我的网站斑马条纹我的div，听起来很简单，但是我发现，当我在我的divs行之间添加一个头，它似乎计数在奇数/偶数样式 HTML <div class="container"> <h3>Title</h3> <div class="row">Content</div> <div class="row">Content</div> <h3>Title</h3> <div class="row">Content</div> <div class="row">Content</div> <div class="row">Content</div> <h3>Title</h3> <div class="row">Content</div> <div class="row">Content</div> <div class="row">Content</div> <div class="row">Content</div> </div> CSS .container { width:600px; margin:0 auto; } .row { line-height:24pt; border: solid 1px black; } .row:nth-child(odd) { background: #e0e0e0; } h3 { line-height:36pt; font-weight:bold; color:blue; } 小提琴 我会认为已经在小提琴中的代码基本上会忽略标题，并进行条带化，但它似乎认为标题是一个孩子