用 index 在重複元素中獲取一個元素
在 jQuery 是使用 :eq(2) ，雖然jQuery跟CSS選取器(selector)有很多相似之處，但還是有些差異，在CSS中要在重複元素中獲取一個元素是用偽類 :nth-child(2)
比如說我要指定定Apple 的樣式為紅色：
<div>
<div id="bar1" class="foo">banana</div>
<div id="bar2" class="foo">Apple</div>
<div id="bar3" class="foo">Orange</div>
</div>我們可以這麼做，都可以達到相同效果：
#bar2{
color:red;
}
div.foo:nth-child(2){
color:red;
}
.foo:nth-child(2){
color:red;
}同場加映
除了:nth-child()還有其他用在取得元素的偽類，都很常用到優
- :first-child
- :second-child
- :third-child
- :last-child
- :nth-child
參考資料：
