在另一个DIV中更改特定DIV的样式

Question

  

可能重复：
  CSS selector for first element with class

目前我的代码看起来像这样：

<div class="content">
   <div style="...">...</div>
   <div class="post">...</div>
   <div class="post">...</div>
   <div class="post">...</div>
   <div class="post">...</div>
   <div class="post">...</div>
</div>

如何在此示例中定位第一个“post”类？换句话说，我必须使用什么CSS选择器？

<div class="content">
   <div style="...">...</div>
   <div class="post">...</div> <--- I need a selector to edit the styles for this.
   <div class="post">...</div>
   <div class="post">...</div>
   <div class="post">...</div>
   <div class="post">...</div>
</div>

任何帮助都将受到高度赞赏！谢谢！

Answer 1

您需要第n个子选择器

.post:nth-child(2)
{
//css
}

Fiddle