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?

¿Fue útil?

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