第N个孩子以其他孩子为目标，但总是包括最后一个孩子

Question

我正在尝试找出一个CSS nth-child公式来定位其他所有孩子，但始终包括最后一个孩子。

例如：

• 有1个孩子，它将针对一个孩子。
• 有2个孩子，它将瞄准第二个孩子。
• 有3个孩子，它将针对孩子1和3。
• 有4个孩子，它将针对2和4岁的孩子。
• 有5个孩子，它将针对孩子1 3和5。

依此类推...

只有CSS才有可能吗？我可以使用除nth-child之外的其他东西，但尝试仅保留CSS。

Answer 1

这对你还好吗？

li:nth-last-child(2n+1) {
  color: red;
}

<ul>
 <li>item</li>
 <li>item</li>
 <li>item</li>
 <li>item</li>
 <li>item</li>
</ul>

<ul>
 <li>item</li>
 <li>item</li>
 <li>item</li>
 <li>item</li>
</ul>

<ul>
 <li>item</li>
 <li>item</li>
 <li>item</li>
</ul>

<ul>
 <li>item</li>
 <li>item</li>
</ul>

<ul>
 <li>item</li>
</ul>