小编Joh*_*ego的帖子

基于nth-child(n)选择器的替代颜色

我有一个div替代类名与1父.

<div class="parent">
  <div class="head"></div>
  <div class="body"></div>
  <div class="head"></div>
  <div class="body"></div>
  <div class="head"></div>
  <div class="body"></div>
  <div class="head"></div>
  <div class="body"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想.head用交替的灰色和深灰色进行着色.

我的CSS有问题吗?

.parent .head:nth-child(2n) {
   background-color: gray;
}
.parent .head {
   background-color: dark-gray;
}
Run Code Online (Sandbox Code Playgroud)

我也习惯odd

.parent .head:nth-child(odd) {
   background-color: gray;
}
Run Code Online (Sandbox Code Playgroud)

但它也算上了.body课程.

html css css-selectors css3

3
推荐指数
1
解决办法
187
查看次数

标签 统计

css ×1

css-selectors ×1

css3 ×1

html ×1