Question

我的代码有点像这样：

<div class="right_col">

   <div class="right_box">
      <div class="other_div">text</div>
      text etc
   </div>

   <div class="right_box">
      <div class="other_div">text</div>
      text etc
   </div>


   <div class="right_box">
      <div class="other_div">text</div>
      <div class="anotherother_div">text</div>
      text etc
   </div>

   <div class="right_box">
      text etc
   </div>

</div>

所以一个主div与其他divs里面可能包含或不包含额外的div。我想做的就是设计它们，因此“right_box”具有交替的背景颜色。问题是我在选择内部div /在做奇/偶等时将它们考虑在内。

这是我试过的CSS：

.right_col .right_col:nth-child(even) {background:red}
.right_col .right_col:nth-child(0n+1) {background:red}

我出错的任何想法？

Answer 1

您应该使用nth-of-type()而不是nth-child()。

<强> Here's an awesome article on CSS-Tricks by Chris Coyer which explains the difference between the two.

选择备用div

1 个答案: