css - CSSを使用してdiv内の最初のリンクをターゲットにするにはどうすればよいですか？

Question

たとえば、私はこれを持っています：

<div>
  <a href="#">sample 1</a>
  <a href="#">sample 2</a>
  <a href="#">sample 3</a>
</div>

CSSで最初のリンクをターゲットにしたい。

Answer 1

ファーストチャイルドセレクターを使用できます。

div > a:first-child { /* your css */ }

Answer 2

このコードを試してください：

div > a:first-child{
   //your css code
}

Answer 3

div a:nth-of-type(n)
{
   /* css */
} 

ここで、nは必要な行数です。あなたの場合

div a:nth-of-type(1)
{
   /* css */
}