Html 样式div为斑马

我在尝试在代码上设置div标记的样式时遇到问题，您可以在下面的jsfiddle中检查我的代码

CSS

HTML

第一记录


第二记录

---

我正在使用自动生成代码的工具，因此无法更改此代码。我试过使用第n个类型和第n个child，都是奇数和偶数，但还没有成功。任何帮助都将不胜感激。谢谢。

如果我正确理解您的意思，您正在尝试在每个奇数列表项和每个偶数列表项中选择第一个div

.container{
宽度：200px；
保证金：0自动；
}
.项目{
线路高度：25pt；
边框：实心1px黑色；
}
.集装箱李：第n个类型（奇数）div{
背景：红色；
}
.容器李：第n个子（偶数）分区{
背景：蓝色；
}

第一记录


第二记录

如果我理解正确，您将尝试在每个奇数列表项和每个偶数列表项中选择第一个div

.container{
宽度：200px；
保证金：0自动；
}
.项目{
线路高度：25pt；
边框：实心1px黑色；
}
.集装箱李：第n个类型（奇数）div{
背景：红色；
}
.容器李：第n个子（偶数）分区{
背景：蓝色；
}

第一记录


第二记录

因不更改html而更新。

你要更改的类在li中，而不是div中， 您的代码中缺少1级

.container{
宽度：200px；
保证金：0自动；
}
.项目{
线路高度：25pt；
边框：实心1px黑色；
}
.集装箱李：第n种类型（奇数）{
背景：红色；
}
.容器李：第n个孩子（奇数）{
背景：蓝色；
}

第一记录


第二记录

因不更改html而更新。

你要更改的类在li中，而不是div中， 您的代码中缺少1级

.container{
宽度：200px；
保证金：0自动；
}
.项目{
线路高度：25pt；
边框：实心1px黑色；
}
.集装箱李：第n种类型（奇数）{
背景：红色；
}
.容器李：第n个孩子（奇数）{
背景：蓝色；
}

第一记录


第二记录

问题1是您正在处理的HTML无效。

不能是

的子级。只有一个

可以。你的问题是什么？在这种情况下，我如何为div实现备用背景？那么，是否有可能对li标记而不是div进行着色？问题#1是您正在处理的HTML无效。

不能是

的子级。只有一个

可以。你的问题是什么？在这种情况下，我如何为div实现备用背景？那么有没有可能用li标签而不是div？根据OP“我无法更改此代码”@j08691，你是对的，仅更新css根据OP“我无法更改此代码”@j08691，你是对的，仅更新css是对的，但OP说代码无法更改，所以你要么接受要么放弃+一个可行的解决方案。是的，我不能改变html，因为工具是自动生成的，我可以改变css来处理需求。。。也许是虫子？可以是。。。解决方案似乎还可以+1是的，但OP说密码不能更改，所以你要么接受要么放弃+一个可行的解决方案。是的，我不能改变html，因为工具是自动生成的，我可以改变css来处理需求。。。也许是虫子？可以是。。。解决方案似乎还可以+1.

.container {
  width: 200px;
  margin: 0 auto;
}

.item {
  line-height: 25pt;
  border: solid 1px black;
}

.container div:nth-of-type(odd) {
  background: red;
}

.container div:nth-child(odd) {
  background: blue;
}

<ul class="cb-list">
  <div class="container">
    <li>
      <div class="item">
        <div class="detail">
          First Record
        </div>
      </div>
    </li>
    <li>
      <div class="item">
        <div class="detail">
          Second Record
        </div>
      </div>
    </li>
  </div>
</ul>