css - only - Alternativa para nth-child para navegadores IE más antiguos

media query for internet explorer 11

Question

¿Existe una alternativa para los elementos de segmentación que utilizan nth-child() para navegadores IE más antiguos?

Javascript (no-jquery) sería suficiente también.

EDITAR: dado que no se pueden agregar bibliotecas adicionales a la página.

Answer 1

Hay Selectivizr: http://selectivizr.com/

:nth-child es compatible con todos los framework javascript que funcionan con él, incluido jQuery.

La gran ventaja de usar esto es que lee directamente de sus archivos CSS en lugar de tener que escribir javascript adicional (es discreto). Simplemente puede usar los selectores avanzados como de costumbre.

Answer 2

Puede usar el archivo polyfill IE9.js: http://ie7-js.googlecode.com/svn/test/index.html .

Answer 3

Puede usar el selector 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

Answer 4

apesta un poco, pero puedes

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

Repita según sea necesario.