如何僅選擇名稱相同的第一個div？

如何僅選擇多個與CSS具有相同名稱的div中的第一個？例如，我有這樣的：如何僅選擇名稱相同的第一個div？

<div class="div">dsdas</div> 
<div class="div">123</div> 
<div class="div">73</div> 
<div class="div">63</div> 
<div class="div">53</div> 
<div class="div">45</div>

如何只選擇第一個div（類「div」）？

來源

2014-04-01 user3442381

看看這個，還有顯示如何在CSS解決它。 http://stackoverflow.com/a/6447072/2529682 –

使用僞選擇符：nth-of-type（）。

.div:nth-of-type(1) { 

}

Working DEMO

來源

2014-04-01 11:09:19 Johan

謝謝。它應該是這樣的.div：nth-of-type（1）{marginwidth-left：0px; } – user3442381

這將選擇第一個div，而不是第一個div，它是特定類的成員。 – Quentin

重新編輯：'：nth-type-type'總是基於** type **進行選擇，它不會選擇與選擇器的前一部分匹配的第一個東西。 – Quentin

-1

使用jQuery：

var firstDiv = $('.div').first();

文檔http://api.jquery.com/first/

或類似這樣的選擇與類「格」的第一要素，像這樣做：

var firstDiv = $('.div:first');

http://api.jquery.com/first-selector/

來源

2014-04-01 11:09:40 user2167382

爲什麼總是jQuery？ – Era

這個問題被標記爲'css'，而不是'javascript'。 – Quentin

@Era但爲什麼不呢？ ...是的，我沒有注意到「與CSS」。所以... – user2167382

使用此

.div:nth-of-type(1) 
{ 
    //add style here 
}

入住這fiddle

來源

2014-04-01 11:10:12 James

這將選擇第一個div如果它是類的成員，而不是第一個div是特定類的成員。 – Quentin

如何僅選擇名稱相同的第一個div？

回答

相關問題