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

可能重复：

目前，我有一个类似以下内容的代码：

<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>

...
...  您需要第n个子选择器

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

我试过了，但没用。你试过了吗。post:first child？既不
。post:first child
也不
。post:first类型的
可以用。请看我对重复问题的回答。在本例中，您需要两条规则：一条用于
.content.post
，另一条用于
.content.post~.post
，以撤消后续
.post
元素的样式。