How do I target the first link inside a div with CSS?

Question

For example I have this:

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

I want to target the first link with CSS.

Answer 1

You can use the first-child selector:

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

Answer 2

Try this code:

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

Answer 3

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

where n is the number of line you want.. in your case

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