CSS 选择器，每 2 个 div 应用 CSS

Question

我在 CSS 中定位 div 时遇到问题。

我的代码是这样的：

<div class="card">
  <div class="test">Asdasdasd</div>
</div>
<div class="card">
  <div class="test">Asdasdasd</div>
</div>
<div class="card">
  <div class="test">Asdasdasd</div>
</div>
<div class="card">
  <div class="test">Asdasdasd</div>
</div>

这就是我想做的原因：应用一些 CSS 但仅应用于第一个和第三个 "test" div（如果有 6 个卡片 div，则为第 5 个）。

我尝试使用 :nth-child(odd) 但没有成功。

Answer 1

也许你没有正确应用它试试这个Fiddle

.card:nth-child(odd){
color:green;
}

.card:nth-child(odd){
    color:green;
}

<div class="card">
  <div class="test">Asdasdasd</div>
</div>
<div class="card">
  <div class="test">Asdasdasd</div>
</div>
<div class="card">
  <div class="test">Asdasdasd</div>
</div>
<div class="card">
  <div class="test">Asdasdasd</div>
</div>

编辑

如果你想将它应用到 test 试试这个 Fiddle

.card:nth-child(odd) .test{
    color:green;
}

<div class="card">
  <div class="test">Asdasdasd</div>
</div>
<div class="card">
  <div class="test">Asdasddfdfsvxcvasd</div>
</div>
<div class="card">
  <div class="test">Asdasdasd</div>
</div>
<div class="card">
  <div class="test">Asdasdasd</div>
</div>

CSS 选择器，每 2 个 div 应用 CSS

CSS Selector, apply CSS every 2 divs

html

css

css-selectors

编辑