标签 html css css-selectors
<分区>
我在 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，但仅应用于第一个和第三个“测试”div(如果有 6 个卡片 div，则为第 5 个)。
我尝试使用 :nth-child(odd) 但没有成功。
最佳答案
也许你没有正确应用它试试这个 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>如果您想将它应用到测试 试试这个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>关于html - CSS 选择器，每 2 个 div 应用 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27966234/