html - 选择除第一个 child 之外的奇数元素

Question

我有这样的div元素

<div id="container">
    <div id="content">
        <div class="arrow"></div>
    </div>
    <div id="content">
        <div class="arrow"></div>
    </div>
    <div id="content">
        <div class="arrow"></div>
    </div>
    <div id="content">
        <div class="arrow"></div>
    </div>
</div>

我想选择第一个 child ，但我有这样的 CSS

#container #content:nth-child(odd) .arrow {
    background: red;
}
#container #content:nth-child(even) .arrow {
    background: green;
}
#container #content:first-child .arrow {
    background: pink;
}

但是第一个 child 是红色的，因为第一个 child 是奇数。

我试过这个，我不知道它是否会起作用，但它没有

#container #content:nth-child(odd):not(:first-child) .arrow {
    background: red;
}

但是，第一个 div 的箭头仍然是红色的。

我做错了什么？

Answer 1

:nth(odd) 只是 :nth(2n+1) 的一个快捷方式，如果没记错的话，我认为 :nth( 2n+3) 可能有效。