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>