nth-child(偶数)总是选择dd,从不dt(dl中的偶数和奇数行)

Question

我试图给定义列表提供一个表外观,并希望在一些css3选择器的帮助下使偶数行与奇数行的颜色不同.

#specs dt:nth-child(even), #specs dd:nth-child(even) {
    background: blue;
}

这个css代码导致dt没有backgroundcolor,每个dd都是蓝色.我看到渲染引擎的方式实际上是计算除了选择的兄弟之外的兄弟姐妹,导致每个dt都是奇数,每个dd都是偶数.

Answer 1

如果我理解正确,您可以使用nth-of-type选择器执行此操作:

#specs dt:nth-of-type(even), #specs dd:nth-of-type(even) {
    background: blue;
}