使用CSS交替行颜色不适用于另一行

Question

这是为什么？两个块引用都是蓝色的。 TR的颜色是交替的，但是块引用不会。怎么样？

<tr>
    <blockquote>Hello</blockquote>
</tr>

<tr>
    <blockquote>Hello</blockquote>
</tr>



tr:nth-child(even){ background-color: #272727; }
tr:nth-child(odd) { background-color: #222222; }

blockquote:nth-child(even){ background-color: red; }
blockquote:nth-child(odd) { background-color: blue; }

Answer 1

改为使用nth-of-type：

tr:nth-of-type(even) {
    background-color: #272727;
}
tr:nth-of-type(odd) {
    background-color: #222222;
}
tr:nth-of-type(even) blockquote {
    background-color: red;
}
tr:nth-of-type(odd) blockquote {
    background-color: blue;
}

jsFiddle example （因可见度而更改了颜色）

Answer 2

两个块引号都是它们各自父母的第一个元素，这是奇怪的...因此： blockquote：nth-​​child（odd）是真的。