适用于某些子项但忽略其他子项的CSS规则

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

/* 为所有列表项设置默认样式 */
ul li {
  background-color: #f0f0f0;
}

/* 只为偶数项设置不同的背景色 */
ul li:nth-child(even) {
  background-color: #d0d0d0;
}

<ul>
  <li>Item 1</li>
  <li class="even">Item 2</li>
  <li>Item 3</li>
  <li class="even">Item 4</li>
  <li>Item 5</li>
</ul>

.even {
  background-color: #d0d0d0;
}

<ul>
  <li data-index="1">Item 1</li>
  <li data-index="2">Item 2</li>
  <li data-index="3">Item 3</li>
  <li data-index="4">Item 4</li>
  <li data-index="5">Item 5</li>
</ul>

ul li[data-index$='2'],
ul li[data-index$='4'] {
  background-color: #d0d0d0;
}

ul > li:nth-child(even) {
  background-color: #d0d0d0 !important; /* 不推荐频繁使用!important */
}