用css选择元素的第一个实例

Question

我有一些看起来像这样的标记：

<section id="accreditation">
  <div class="container">
    <div class="row"></div>
    <div class="row-accreditation">
      <div class="col-md-4">
        <img>
      </div>
      <div class="row"></div>
    <div class="row-accreditation">
      <div class="col-md-4">
        <img>
      </div>
    </div>
  </div>
</section>

如何在第一个img div中选择.row-accreditation？我尝试过使用第一个类型和第一个子选择器，但两者都做同样的事情，即选择两个的图像。我还尝试从this thread重新创建接受的答案，如此......

#accreditation div.row accreditation > img ~ img {blah}

......但没有成功。

这可能与css一起使用，如果是这样，最好的方法是什么？

Answer 1

它在您的特定示例中以这种方式工作：

.row-accreditation:nth-child(2) > div > img { 
  ...
}

http://codepen.io/anon/pen/wzWwxK

但我不知道HTML结构在您的应用程序中是否保持不变。