Есть ли альтернатива таргетингу элементов с помощью nth-child()
для старых браузеров IE?
Javascript (не jquery) также будет достаточно.
РЕДАКТИРОВАТЬ: дополнительные библиотеки не могут быть добавлены на страницу.
Есть ли альтернатива таргетингу элементов с помощью nth-child()
для старых браузеров IE?
Javascript (не jquery) также будет достаточно.
РЕДАКТИРОВАТЬ: дополнительные библиотеки не могут быть добавлены на страницу.
Вы можете использовать селектор jQuery :nth-child();
$("li:nth-child(even)") // target even li's
$("li:nth-child(odd)") // target odd li's
$("li:nth-child(5n)") // target the fifth li
немного хреново, но можно
ul > li {} /* first-child, overwritten by below */
ul > li + li {} /* second-child, overwritten by below, etc */
ul > li + li + li {}
ul > li + li + li + li {}
Повторяйте по мере необходимости.
Есть Selectivizr: http://selectivizr.com/
:nth-child
поддерживается во всех фреймворках JavaScript, которые с ним работают, включая jQuery.
Большим преимуществом использования этого является то, что он читает непосредственно из ваших файлов CSS, а не пишет дополнительный javascript (это ненавязчиво). Вы можете просто использовать расширенные селекторы как обычно.
Вы можете использовать полифилл IE9.js: http://ie7-js.googlecode.com/svn/test/index.html.