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