Question

我试图弄清楚如何使用nth来选择一组对象中每3个元素中的一个。

如果我的标记结构如下：

<div class="all-items">
  <div class="block">
    <a href="the-link">
      <div class="image-list">
        <div class="drop-shadow curved curved-hz-1">
          <img src="an-image.png" />
        </div>
      </div>
    </a>
  </div>

  <!-- then this repeats to show all the images -->
  <div class="block">
    <a href="the-link">
      <div class="image-list">
        <div class="drop-shadow curved curved-hz-1">
          <img src="an-image.png" />
        </div>
      </div>
    </a>
  </div>

  <!-- ... etc. -->

</div> <!-- end div class "all-items" -->

如何在img内的图像组中选择每隔3 <div class="all-items">？

Answer 1

div.block:nth-child(3n) img { /*your css here*/ }

你正在选择3块div，然后选择里面的图像。

Answer 2

这将选择每三个.block的图像：

.block:nth-child(3n) img {
    /* styles */
}

演示：http://jsfiddle.net/sC8Ne/

第n个孩子css选择

2 个答案: