Как настроить таргетинг на первую ссылку внутри div с помощью CSS?

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