li:last-child ne semble pas fonctionner dans IE8

Ci-dessous est ma structure html

<div class="footerMenu">
   <ul>
     <li>Home</li>
     <li>About</li>
     <li>Feedback</li>
     <li>Contact us</li>        
   </ul>            
</div>

Mais 

.footerMenu li:last-child { }

sélecteur ne semble pas fonctionner dans IE8. Mais http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx dit que la pseudo-sélecteur est suppported.Toute aide sur ce!

Je suis à 99% sûr qu'il n'est pas pris en charge
Avez-vous essayé .footerMenu li: { quelque chose de radical; } juste pour voir si c'est beaucoup de travail?
Non, il ne fait pas. Il est dit là qu'il est pris en charge dans IE9 et plus tard.
stackoverflow.com/questions/1293369/using-last-child-in-css
oui juste .footerMenu li{} fonctionne

OriginalL'auteur user1184100 | 2012-05-29

  1. 27

    Vous lisez mal. Il dit que c'est pas pris en charge dans IE8:

    li:last-child ne semble pas fonctionner dans IE8

    Si vous cherchez à :first-child, qui n'a pas le support dans IE7 et IE8, et de penser que la même chose s'applique à :last-child... surprise! Il n'a pas.

    :first-child est un CSS2 sélecteur, mais :last-child ne fut introduite qu'en CSS3, donc, depuis que Microsoft a été viser seulement CSS2.1 la conformité avec IE8, ils n'ont probablement pas pris la peine de :last-child jusqu'à la post-IE8.

    Si vous savez que vous aurez seulement quatre li éléments, alors vous devriez être en mesure d'utiliser adjacentes, de frère, de sélecteurs pour atteindre le quatrième li:

    .footerMenu li:first-child + li + li + li
    yup, je suppose que depuis le premier était là, même dernier serait également pris en charge. merci pour l'info.
    D'ailleurs, ce que la table se tromper est IE9 du support de CSS3 est un double deux-points notation pour CSS1/2 pseudo-éléments (alors que curieusement il obtient droit pour CSS3 pseudo-éléments): stackoverflow.com/questions/7157405/...

    OriginalL'auteur BoltClock

  2. 2

    De construire sur les autres gars de réponses, une autre solution pourrait être d'utiliser le javascript pour combler les lacunes, selectivizr est un bon exemple de l'ajout de la dernière de soutien à l'enfant.

    http://selectivizr.com/

    OriginalL'auteur Alex KeySmith

  3. 1

    Le lien que vous avez fourni montre qu'il n'est pas pris en charge pour IE8, IE9...+ seulement. Googler dernier enfant IE8 apporte une multitude de requêtes semblables.

    OriginalL'auteur Jeff Watkins

  4. 1

    Où avez-vous lu cela? :first-child est pris en charge en arrière à la version IE7, mais :last-child est IE9 et plus tard.

    li:last-child ne semble pas fonctionner dans IE8

    (En-têtes de déplacer vers le bas pour votre commodité)

    désolé pour mon erreur..j'ai oublié!

    OriginalL'auteur Ry-

  5. 0

    Les autres réponses sont correctes, que IE8 ne supporte pas le dernier enfant. Cependant, pour résoudre votre problème, vous pouvez soit ajouter manuellement une classe à la dernière <li> ou b) que c'est un menu, et ces va probablement avoir des liens à l'intérieur, qui cible le dernier lien avec un sélecteur d'attributs, qui fonctionne dans IE8. Quelque chose comme

    .footermenu a[href="contact.html"] { ... }

    OriginalL'auteur chipcullen

  6. 0

    Essayez d'utiliser quelque chose comme ça:

    .footerMenu li {background-color: expression(this.previousSibling==null?'red':'green');}

    OriginalL'auteur Xella

  7. 0

    Je sais que je suis vieux, mais...il y a un moyen simple de le faire:

    Juste dans le li vous souhaitez le modifier ce faire:

    <li style="yourstyle;">...</li>

    OriginalL'auteur Walter