2009-04-10 4 views
0

css3.infoのselector testによると、Firefox 3.0はnth-childセレクタのいくつかの順列をサポートしています。しかし、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

Hmm ... this pageによるFirefox 3.0は:nth-childをサポートしていません。あなたはあなたを助けるかもしれないjqueryのthisを使用する場合

+0

確認済み - Safari 3のコードが動作します。 FF 3それはしません。 div:nth-​​child(even)とdiv:nth-​​child(even) –

+0

私はちょうど3.0.8をテストしました。これはnth-child()(88のうち47失敗)です。 を含む:nth-​​child(even) –

+0

しかし、div:nth-​​child(2n + 0){}を渡してevensも選択しました。 –

1

期待通りのFirefox 3.5では

1

は、あなたのテストケースが動作するようになりました(jqueryの:)ユーザーが使用しているブラウザは気にしません)。

+0

ええ、私は言おうとしていました...私はいつもファイヤーフォックスでn番目の子供を使用し、それは動作します。私は3.5を使用しています。 – priestc

+0

この質問は、Firefox 3.5がリリースされる3か月前に尋ねられました...とにかく、なぜなら、明らかに、nth-childテストの半分が成功し、半分が失敗した理由です。 – DisgruntledGoat

関連する問題