CSS 如果它有偶数个子元素，则选择最后两个子元素；如果它有奇数个元素，则选择最后一个元素

Question

我的html如下

Case 奇数个子元素，即“item”

<div class="container">
  <div class="item">a</div>
  <div class="item">b</div>
  <div class="item">c</div>
</div>

我必须编写一个 css 选择器，使 css 仅适用于 c。

Case 偶数个子元素即“item”

<div class="container">
  <div class="item">a</div>
  <div class="item">b</div>
  <div class="item">c</div>
  <div class="item">d</div>
</div>

我必须编写一个 css 选择器，使 css 仅适用于 c 和 d。

Answer 1

很明显，您总是需要选择 :last-child 和之前的 :last-child 只有当它的元素和奇数元素:

.item:last-child,
.item:nth-last-child(2):nth-child(odd){
  color:red;
}

<div class="container">
  <div class="item">a</div>
  <div class="item">b</div>
  <div class="item">c</div>
</div>

<div class="container">
  <div class="item">a</div>
  <div class="item">b</div>
  <div class="item">c</div>
  <div class="item">d</div>
</div>