Le support CSS3 "nth-child" de Firefox?

Selon le selector test de css3.info, Firefox 3.0 prend en charge certaines permutations du sélecteur nth-child. Cependant, le code affiché here (# 30) ne fonctionne pas pour moi.Le support CSS3 "nth-child" de Firefox?

Il faut sélectionner les paragraphes vides, donc j'ai édité mon code à la suivante mais il n'apparaît pas dans Firefox (ça marche dans 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>

Est-ce un bug dans le test, ou ai-je fait une erreur quelque part?

Source

2009-04-10 DisgruntledGoat

Hmm ... selon this page Firefox 3.0 ne prend pas en charge :nth-child.

Source

2009-04-10 17:19:14

Vérifié - Safari 3 votre code fonctionne. FF 3 ce n'est pas le cas. Il y a aussi une différence entre div: nth-child (pair) et div: nth-child (pair) –

Je viens de tester 3.0.8 et voici le résultat de: nth-child() (47 sur 88 a échoué). Y compris: nth-child (pair) –

Cependant, il a passé div: nth-child (2n + 0) {} qui sélectionne aussi evens. –

si vous utilisez jquery this peut vous aider (jquery ne se soucient pas ce que votre navigateur utilisateur utilise :))

Source

2009-04-10 17:29:12

Dans Firefox 3.5, votre cas de test fonctionne maintenant comme prévu.

Source

2009-12-04 23:41:39

ouais, j'allais dire ... J'utilise nth-child tout le temps avec firefox et ça marche. J'utilise 3.5 cependant. – priestc

Eh bien, cette question a été posée 3 mois avant la sortie de Firefox 3.5 ... de toute façon la question était plus de savoir pourquoi apparemment la moitié des tests du nième enfant a réussi et la moitié non. – DisgruntledGoat

Le support CSS3 "nth-child" de Firefox?

Répondre

Questions connexes