Le CSS3 de Firefox support « nième-enfant »?
-
09-09-2019 - |
Question
Selon de css3.info , Firefox 3.0 prend en charge certaines permutations du n-ième -child sélecteur. Cependant, le code affiché (# 30) ne fonctionne pas pour moi.
Il faut sélectionner les paragraphes vides, donc je modifié mon code à ce qui suit, mais il ne montre pas dans Firefox (cela fonctionne 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?
La solution
Hmm ... selon cette page Firefox 3.0 ne supporte pas :nth-child
.
Autres conseils
si vous utilisez jquery cette pourrait vous aider (jquery ne se soucient pas ce que navigateur votre utilisateur utilise :))
Dans Firefox 3.5, votre cas de test fonctionne maintenant comme prévu.
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow