css - CSSセレクターを介してクラスを持つ最初の子ノードを選択するには?

Question

重複の可能性:
クラス
CSS セレクターを使用して、特定のクラスの最初の要素を選択する最初の要素の CSS セレクター

ここにHTML構造があります。

<div id = "container">
    <p class = "txt">abc</p>
    <p class = "vs">123</p>
    <p class = "txt">abc</p>
    <p class = "txt">abc</p>
    <p class = "vs">456</p>
</div>

クラスが「vs」である最初のpを選択して、CSSセレクターを介してフォントの色を「赤」に設定するにはどうすればよいですか? つまり、赤は 123 だけで、黒は 456 と abc であるということです。

前もって感謝します。