css - クラス名を使用して、最初に隣接する div の CSS スタイルのみを設定します

Question

クラス「bla」を持つ最初のdivのみのスタイルを設定するにはどうすればよいですか? （2番目ではありません）。

<div class="outer">
  <div>
    ....(more div's, unknown how many)
      <div class="bla">
        ....
        <div class="bla">some content</div>
      </div>

    ....
  </div>
</div>

Answer 1

Javascript:

getElementsByClass('bla')[0].style

編集: JOPLOmacedo は CSS のみの (より良い) 回答を提供しました

たとえば、タグの<p>後の 2 番目を選択する方法も見つけました。<h1>

h1 + p + p{
 background: red;
}

それを共有したいと思っただけです。