CSS3 apoyo de Firefox “nth-child”?
-
09-09-2019 - |
Pregunta
De acuerdo con la css3.info selector de prueba , Firefox 3.0 es compatible con algunas permutaciones de la enésima selector de -child. Sin embargo, el código de la imagen aquí (# 30) no funciona para mí.
Debe seleccionar los párrafos vacíos, así que editado mi código a la siguiente, pero no se mostrará en Firefox (funciona en 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>
Es esto un error en la prueba, o he cometido un error en alguna parte?
Solución
Hmm ... según esta página Firefox 3.0 no admite :nth-child
.
Otros consejos
si utiliza jQuery este podría ayudarle (jQuery no me importa lo del buscador que su usuario está utilizando :))
En Firefox 3.5, el caso de test ahora funciona como se espera.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow