html - 李 :last-child doesn't seem to work in IE8

Question

下面是我的html结构

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

但是

.footerMenu li:last-child { } 

选择器在 IE8 中似乎不起作用。但是http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx表示支持伪选择器。对此有任何帮助!

Answer 1

你读错了。它说它在 IE8 中不支持:

如果您正在查看 :first-child，它确实在 IE7 和 IE8 中得到支持，并且认为这同样适用于 :last-child...惊喜!它没有。

:first-child 是 CSS2 选择器，但是 :last-child 只是在 CSS3 中引入的，所以微软只针对 CSS2.1 兼容 IE8 ，他们可能在 IE8 之后才关心 :last-child。

如果您知道您将只有四个 li 元素，那么您应该能够使用相邻的兄弟选择器来到达第四个 li:

.footerMenu li:first-child + li + li + li