如何使用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
}