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?

Était-ce utile?

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
scroll top