CSS3 do Firefox apoio “nth-child”?
-
09-09-2019 - |
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?
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