How to target the first link inside a div using 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 using 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 the desired line. in your case

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