^{<small id="tfbpu"></small>}

在IE中用javascript配合使用first-child偽類(lèi)

2024-07-11 08:23:29

字體：大中小

供稿：網(wǎng)友

　　制作符合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)目間的豎線，我們往往通過(guò)border或者background來(lái)實(shí)現(xiàn)。非凡需求是，第一項(xiàng)左邊無(wú)豎線或最后一項(xiàng)右邊無(wú)豎線。

　　那么區(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)幫我們完成這件工作如何？

　　查看演示效果：

代碼調(diào)試框 [www.CuoXIn.com]

上一篇：CSS入門(mén)經(jīng)典KynnBartlett第二版上架

下一篇：列表UL、OL預(yù)設(shè)標(biāo)記在FF與IE下方式不同的試驗(yàn)