Alternative pour nth-child pour les anciens navigateurs IE

Est-il une alternative pour cibler les éléments à l'aide de nth-child() pour les anciens navigateurs IE?

Javascript (non-jquery) suffirait.

EDIT: compte tenu de bibliothèques supplémentaires ne peuvent pas être ajoutés à la page.

OriginalL'auteur Mechaflash | 2012-01-04

  1. 6

    Vous pouvez utiliser du jQuery :nth-child() sélecteur;

    $("li:nth-child(even)") //target even li's
$("li:nth-child(odd)") //target odd li's
$("li:nth-child(5n)") //target the fifth li
    En cas d'absence de jquery, est-il un simple javascript solution?
    il n'y a pas :nth-child mise en œuvre dans la plaine du javascript, ce que vous pouvez faire est dans le cas où il n'existe pas de prise en charge jQuery est faire preuve de créativité avec css, tels que ceci cas ou [ce](pbdh.com/open-house/entry/poor-mans-nth-type] d'autres. Les solutions modernes pour les navigateurs plus anciens sont difficiles à trouver et de s'appuyer sur des hacks de travail et chaque cas est différent donc une vraie solution vous n'allez probablement pas à trouver.
    pauvre homme nth-child devra suffire pour l'instant. Merci pour le lien =D

    OriginalL'auteur Andres Ilich

  2. 16

    elle le suce un peu, mais vous pouvez

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

    Répétez l'opération si nécessaire.

    ce qu'elle fonctionne bien pour moi - j'ai été en utilisant 1, 2 & 3e enfant, de sorte qu'il n'était pas trop horrible.
    L'amour de cette réponse, car elle ne nécessite CSS que IE comprend nativement.
    la bonne réponse. un gain de temps. +1

    OriginalL'auteur WraithKenny

  3. 4

    Il est Selectivizr: http://selectivizr.com/

    :nth-child est pris en charge dans tous les framework javascript qui travaille avec elle, y compris jQuery.

    Le gros avantage avec l'aide de ce qu'il lit directement à partir de vos fichiers CSS plutôt que d'avoir à écrire du javascript supplémentaire (c'est discret). Vous pouvez tout simplement utiliser les sélecteurs avancés comme d'habitude.

    Cela semble assez cool. Je vais garder ça comme référence pour mes propres sites.
    J'ai toujours viens de finir à l'aide de CSS2 🙁 j'ai à l'appui de IE7, et aucune des solutions que je connais qui sont là peuvent faire face à de nouveaux éléments qui sont ajoutés à la DOM (pensez à AJAX), après la js patch charges et analyse de la CSS. Même le jquery solution dans l'autre réponse ne peut pas traiter avec ce que si vous utilisez l'livequery plugin ou quelque chose de similaire à l'appel de ces fonctions à nouveau lorsque la page est mise à jour. Si vous n'êtes pas d'ajouter de nouveaux éléments à la page, ce n'est pas un problème, mais c'est un énorme deal-breaker pour moi.

    OriginalL'auteur Wesley Murch

  4. 1

    Vous pouvez utiliser la IE9.js polyfill: http://ie7-js.googlecode.com/svn/test/index.html.

    IEX.js est assez puissant, mais c'est un bête. En fait, j'ai eu plus de problèmes viennent de l'utiliser.
    IEX.js arrêté Respond.js de travail. Donc attention si votre construction d'un site responsive qui ont besoin de soutien IE8 et ci-dessous.

    OriginalL'auteur Matt Ball