2009-04-10 77 views
0

根據css3.info的selector test,Firefox 3.0支持第n個子選擇器的一些排列。但是,顯示的代碼here(#30)不適用於我。Firefox的CSS3「nth-child」支持?

它應該選擇空段落,所以我編輯我的代碼到以下,但它不顯示在Firefox(它在Opera中工作)。

<style type="text/css"> 
div :nth-child(even) { 
    background-color: yellow; 
    height: 30px; 
} 
</style> 

<div> 
    <div>Does this element match?</div> 
    <div></div> 
    <div>Does this element match?</div> 
    <div></div> 
</div> 

這是測試中的錯誤還是我在某處發生了錯誤?

回答

3

嗯......根據this page Firefox 3.0不支持:nth-child

+0

已驗證 - Safari 3代碼有效。 FF 3它沒有。 div與div之間也有區別:nth-​​child(偶數)和div:n-child(偶數) – 2009-04-10 17:21:39

+0

我剛剛測試了3.0.8,結果如下:nth-​​child()(88中有47個失敗)。 其中包括:n-child(偶數) – 2009-04-10 17:22:05

1

,如果你使用jquery this可能會幫助你(jQuery的不關心你的用戶使用的是什麼瀏覽器:))

1

在Firefox 3.5中,你的測試用例現在將按預期。