CSS选择器：我做错了什么？

Question

我试图为那些有特殊类的偶数和奇数元素应用不同的样式。但是，奇偶校验被认为是相对于整个列表，而不是具有特殊类别的项目列表。如何在没有js的情况下使用纯CSS进行此操作？

＆＃13;

＆＃13;

.item {
  height: 20px;
  background: whitesmoke;
  outline: 1px dotted orange;
}

.item._special:nth-of-type(odd) {
  background: skyblue;
}

.item._special:nth-of-type(even) {
  background: orangered;
}

＆＃13;

<section class="list">
  <div class="item _special">odd</div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item _special">even</div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item _special">odd</div>
</section>

＆＃13;

＆＃13;

＆＃13;