Поддержка Firefox CSS3 "nth-child"?

Question

Согласно тесту селектора css3.info , Firefox 3.0 поддерживает некоторые перестановки селектора nth-child. Однако код, показанный здесь (# 30), не работает для меня.

Он должен выбрать пустые абзацы, поэтому я отредактировал свой код следующим образом, но он не отображается в Firefox (он работает в 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>

Это ошибка в тесте, или я где-то допустил ошибку?

Answer 1

Хм ... согласно этой странице Firefox 3.0 не поддерживает :nth-child.

Answer 2

В Firefox 3.5 ваш тестовый пример теперь работает как положено.

Answer 3

если вы используете jquery , это может вам помочь (jquery не волнует, какой браузер использует ваш пользователь :))