Pergunta

De acordo com a seletor teste de css3.info, Firefox 3.0 suporta algumas permutações do enésimo selector-filho. No entanto, o código mostrado aqui (# 30) não funciona para mim.

Deve seleccionar os parágrafos vazios, então eu editei meu código para o seguinte, mas ele não mostra no Firefox (que funciona no 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>

É este um erro no teste, ou que eu fiz uma em algum lugar erro?

Foi útil?

Solução

Hmm ... de acordo com a desta página Firefox 3.0 não suporta :nth-child.

Outras dicas

Se você usar jquery este pode ajudá-lo (jQuery não importa o que navegador o usuário está usando :))

No Firefox 3.5, seu caso de teste agora funciona como esperado.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top