Css 第n个孩子没有使用我的代码？

我的问题很简单。我把我的密码放在这把小提琴上：

我只希望divs背景被“剥离”（一个用一种颜色，另一个用另一种颜色）。我以为这应该行得通，但实际上不行。

就是这样

<div class="historyContainer">
  <div class="offerHistory1">Deposit</div>
  <div class="offerHistory2">Withdraw</div>
  <div class="depositHistory">
    <div class="depositContainer"><b>ID: 25 - Status: </b>Forbiden: Trade hold</div>
    <div class="depositContainer"><b>ID: 24 - Status: </b>Forbiden: Trade hold</div>
  </div>
  <div class="withdrawHistory">
    <div class="withdrawContainer"><b>ID: 38 - Status: </b>coins refunded</div>
  </div>
</div>

是这样吗

<div class="historyContainer">
  <div class="offerHistory1">Deposit</div>
  <div class="offerHistory2">Withdraw</div>
  <div class="depositHistory">
    <div class="depositContainer"><b>ID: 25 - Status: </b>Forbiden: Trade hold</div>
    <div class="depositContainer"><b>ID: 24 - Status: </b>Forbiden: Trade hold</div>
  </div>
  <div class="withdrawHistory">
    <div class="withdrawContainer"><b>ID: 38 - Status: </b>coins refunded</div>
  </div>
</div>

---

您的代码中有两个错误：

1.）不要在伪类前面留下空格：不是

。存款容器：第n个子（偶数）

，而是

。存款容器：第n个子（偶数）

---

2.）在伪类之后，必须在括号中的“奇数”和“偶数”之间切换

1.）不要在伪类前面留下空格：不是

。存款容器：第n个子（偶数）

，而是

。存款容器：第n个子（偶数）

---

2.）在伪类之后，必须在括号中的“奇数”和“偶数”之间切换

@MarcielFonseca您需要添加偶数或奇数。“McCelelfSeCa”刚刚删除了类和伪选择器之间的空白，并替换了第二个<代码>：第n个子（偶数）< /> > <代码>：第n个子（奇数）< /代码>。@ MarcielFonseca需要添加偶数或奇数。“McCelelfSeCa”刚刚删除了类和伪选择器之间的空白，并替换了第二个<代码>：第n个子（偶数）< /> > <代码>：第n个子（奇数）< /代码>。哇，我怎么能不注意到这一点呢？非常感谢。哇，我怎么没注意到？非常感谢。在JSFIDLE中，您可以整理代码！在JSFIDLE中，您可以整理您的代码！就在“保存”按钮上。

.historyContainer{
    margin-top: 45px;
    width: 856px;
    margin: 29px auto;
}
.depositContainer:nth-child(even)
{
    background-color: green;
}
.depositContainer:nth-child(odd)
{
    background-color: red;
}
.withdrawContainer:nth-child(even)
{
    background-color: red;
}
.withdrawContainer:nth-child(odd)
{
    background-color: green;
}
.offerHistory1{
    width: 50%;
    float: left;
    text-align: center;
    background-color: #cdc;
}
.offerHistory2{
    width: 50%;
    float: left;
    text-align: center;
    background-color: #dcd;
}
.depositHistory{
    width: 50%;
    float: left;
}
.withdrawHistory{
    width: 50%;
    float: right;
}