.a .b{color:#000}
.a .b:first-child{color:#fff} #第一個
.a .b:last-child{color:#ccc} #最後一個
樓上應該就能回答樓主,小弟來湊一腳XD
位置|jquery | css(copy樓上浩瀚星空的)
--|--
第一個|$('div.b:first') ; $('div.b').first() ; $('div.b:nth-child(1)');$('div.b:eq(0)');| .a .b:first-child{color:#fff}
最後一個|$('div.b:last') ; $('div.b').last();$('div.b:eq(-1)');| .a .b:last-child{color:#fff}
用jQuery抓出第一個獲最後一個元素,就可以自己DIY,動態處理樣式了~~
jquery、css的選擇器基本上是一樣的
:eq(N), :nth(N):找出選擇結果集 index 為 N 的 elements
:gt(N):找出結果集中索引大於 N 的 elements
:lt(N):找出結果集中索引小於 N 的 elements
:first:找出結果集中的第一個 element (相當於 eq(0) 或者 nth(0))
:last:選擇結果集中的最後一個 element
更多可參考:https://ithelp.ithome.com.tw/articles/10095237
備註:
first-child、last-child小弟在jquery上面測試不符預期,您要自行測試一下