Альтернатива для nth-child для старых браузеров IE - PullRequest
4 голосов
/ 05 января 2012

Есть ли альтернатива для нацеливания на элементы, использующие nth-child() для старых браузеров IE?

Javascript (не-jquery) также подойдет.

РЕДАКТИРОВАТЬ: дополнительные библиотеки не могут быть добавленына страницу.

Ответы [ 4 ]

16 голосов
/ 23 апреля 2013

это немного отстой, но вы можете

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 {}

Повторить при необходимости.

6 голосов
/ 05 января 2012

Вы можете использовать jQuery's : 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
4 голосов
/ 05 января 2012

Есть Селективизр: http://selectivizr.com/

:nth-child поддерживается в любой среде javascript, включая jQuery.

Большим преимуществом использования этого является то, что он читает напрямую из ваших CSS-файлов, а не должен писать дополнительный JavaScript (это ненавязчиво). Вы можете просто использовать расширенные селекторы как обычно.

1 голос
/ 05 января 2012

Вы можете использовать полифилл IE9.js: http://ie7 -js.googlecode.com / svn / test / index.html .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...