CSS3 di Firefox il supporto “nth-child”?
-
09-09-2019 - |
Domanda
Secondo il css3.info selettore di prova , Firefox 3.0 supporta alcune permutazioni all'ennesima selettore -child. Tuttavia, il codice mostrato qui (# 30) non funziona per me.
Si deve selezionare i paragrafi vuoti, così ho modificato il mio codice di seguito, ma non mostra in Firefox (funziona in 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>
E 'questo un bug nel test, o hanno ho fatto un errore da qualche parte?
Soluzione
Hmm ... secondo questa pagina Firefox 3.0 non supporta :nth-child
.
Altri suggerimenti
se si utilizza jQuery questo potrebbe aiutare (jquery non importa cosa del browser l'utente sta usando :))
In Firefox 3.5, il tuo banco di prova ora funziona come previsto.
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow