Поддержка CSS3 в Firefox “nth-child”?
-
09-09-2019 - |
Вопрос
Согласно 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 ваш тестовый пример теперь работает так, как ожидалось.
Не связан с StackOverflow