选择除第一个孩子以外的奇数元素

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>

我想选择第一个孩子，但我有这样的 css

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

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

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

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

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

我做错了什么？

Answer 1

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

Answer 2

试试这个：

#container #content:first-child .arrow {
    background: pink!important;
}

优先考虑那个值

问候！