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