制作符合web標(biāo)準(zhǔn)的網(wǎng)頁(yè)，經(jīng)常需要定義某個(gè)父元素下的第一個(gè)子(child)元素或最后一個(gè)元素，以便將其與其他元素區(qū)分開(kāi)來(lái)，有利于實(shí)現(xiàn)某些非凡需求。最淺顯的例子是，導(dǎo)航項(xiàng)目間的豎線(xiàn)，我們往往通過(guò)border或者background來(lái)實(shí)現(xiàn)。非凡需求是，第一項(xiàng)左邊無(wú)豎線(xiàn)或最后一項(xiàng)右邊無(wú)豎線(xiàn)。

　　那么區(qū)分第一項(xiàng)好呢，還是最后一項(xiàng)好？答案是明顯的，逼不得已，不要用區(qū)別最后一項(xiàng)。按照一般的編程方法，控制第一項(xiàng)要比控制最后一項(xiàng)輕易得多。

　　區(qū)分第一項(xiàng)的還有一個(gè)好處是，CSS有一個(gè):first-child的偽元素（pseudo element）可以讓我們輕而易舉的選擇第一個(gè)子元素。

　　遺憾的是，當(dāng)前全球占有率最高的瀏覽器，IE6，并不支持這個(gè)偽元素。我們可以手工給第一個(gè)元素加上class然后再定義它。但這不是一個(gè)萬(wàn)無(wú)一失的辦法，尤其對(duì)于頁(yè)面規(guī)模達(dá)到一定數(shù)量大型網(wǎng)站，很輕易掛一漏萬(wàn)。那么，讓JavaScript來(lái)幫我們完成這件工作如何？

　　查看演示效果：


　　在IE中，為每個(gè)屬于first-child的li加上first-child的class，則CSS則可以這樣書(shū)寫(xiě)了：:first-child, .first-child { some rules here...}（有沒(méi)有發(fā)現(xiàn)這樣寫(xiě)很帥，一個(gè)是冒號(hào)，兩點(diǎn)；一個(gè)是點(diǎn)號(hào)，一點(diǎn) ），十分便于維護(hù)和治理。

　　希望哪位高手能夠?qū)懗鐾ㄓ玫膄irst-child來(lái)，我這里的例子只針對(duì)li，能力有限！
　　本文作者：Realazy