相关疑难解决方法(0)

为什么nth-of-type/nth-child不能在嵌套元素上工作?

我正在尝试改变div中奇数div的样式.出于某种原因,nth-of-type(odd)当它在另一个div中时,它会影响我的所有div.这是我的常规div和奇数div的代码:

.video-entry-summary {
  width: 214px;
  height: 210px;
  margin-left: 10px;
  float: left;
  position: relative;
  overflow: hidden;
  border: 1px solid black;
}

.video-entry-summary:nth-of-type(odd) {
  width: 214px;
  height: 210px;
  margin-left: 0px;
  float: left;
  position: relative;
  overflow: hidden;
  border: 1px solid black;
  background: #ccc;
}
Run Code Online (Sandbox Code Playgroud)
<div id="post-501" class="post-501 post type-post status-publish format-standard hentry category-moto-dz-films tag-news-sub-2">
  <div class="video-entry-summary">
    video 1
  </div>
</div>

<div id="post-240" class="post-240 post type-post status-publish format-standard hentry category-videos">
  <div class="video-entry-summary">
    video 2
  </div>
</div>

<div id="post-232" class="post-232 post type-post status-publish …
Run Code Online (Sandbox Code Playgroud)

html css css-selectors pseudo-class css3

11
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

css-selectors ×1

css3 ×1

html ×1

pseudo-class ×1