css - 为什么第一个部分元素似乎包含在第 n 个孩子的兄弟姐妹计数中？

Question

我专门针对 nth-child(2n)，但是具有给定类的兄弟姐妹的第一个、第三个等正在应用 css。

http://jsfiddle.net/relitnosmoge/9HCnH/1/

.grid > section.fifty:nth-child(2n) {
        background: red !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
}

<article class="block grid">
    <section class="block hundred"></section>
    <section class="block fifty"></section>
    <section class="block fifty"></section>
    <section class="block fifty"></section>
    <section class="block fifty"></section>
</article>

Answer 1

使用

nth-child(even)

或者

nth-child(2n+2)

我猜会起作用的。你能试试吗？

将其与您的班级（即 50 班）一起使用将只选择 50 班而不是 100 班。