Question

我有一个主要div（使用类catpopular）和四个嵌套div＆＃39; s（带有类项）。我需要在div中仅选择奇数嵌套CSS＆＃39。请注意，嵌套div内部还有div个，但css应该忽略它。 html是 -

<div class="catpopular">
   <div class="item">
      <h2>Heading</h2>
      <div>content</div>
   </div>

   <div class="item">
      <h2>Heading</h2>
      <div>content</div>
   </div>

   <div class="item">
      <h2>Heading</h2>
      <div>content</div>
   </div>

   <div class="item">
      <h2>Heading</h2>
      <div>content</div>
   </div>

   <div class="item">
      <h2>Heading</h2>
      <div>content</div>
   </div>
</div>

尝试了css -

.catpopular .item:nth-child(odd){

}

但它不起作用。请帮忙

Answer 1

首先，您没有正确关闭div标签。要选择所有奇数项，您可以使用以下css代码，如您的示例，所以您的CSS代码是正确的！

.catpopular .item:nth-child(odd) {
    border: 1px solid red;
}

我也做了一个jsfiddle来说明：https://jsfiddle.net/78kxk7ds/

Answer 2

您没有正确使用div标签 - 它应该是

<div class="item">
    <h2>Heading</h2>
    <div>content</div>
</div>

您在结束标记中缺少“/”。

在另一个div中选择奇数子DIV

2 个答案: