Вопрос

Согласно css3.info 's тест селектора, Firefox 3.0 поддерживает некоторые перестановки n-го дочернего селектора.Однако приведенный код здесь (#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>

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

Это было полезно?

Решение

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

Другие советы

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top