html - 別の DIV 内の特定の DIV のスタイルを変更する

Question

重複の可能性:
クラスを持つ最初の要素の CSS セレクター

現在、次のようなコードがあります。

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

フィドル