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?

È stato utile?

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