Поддержка CSS для nth-child() в Internet Explorer 8.

В современных браузерах элемент CSS nth-child() обычно используется используется для достижения эффекта полосатости в таблицах. Однако эта функциональность явно отсутствует в Internet Explorer 8. Вот как можно устранить это ограничение:

Подход Polyfill:

Selectivizr — это признанный полифил, который эффективно расширяет возможности Internet Explorer. Поддержка CSS. Реализуя Selectivizr, вы можете использовать nth-child() в своих стилях CSS.

Без полифилов:

Поддержка Internet Explorer 8 селектора первого дочернего элемента представляет собой возможность эмулировать функциональность nth-child():

/*li:nth-child(2)*/
li:first-child   li {}

Этот подход позволяет указать стили для второго элемента li, эффективно имитируя поведение nth-child(2).

Ограничения:

Хотя этот трюк эмуляции работает для простых селекторов, таких как nth-child(2), он не работает при работе с более сложными выражениями, такими как n-й ребенок (2n 1) или n-й ребенок (нечетный). В Internet Explorer 8 отсутствует возможность воспроизвести тонкую функциональность этих селекторов.