li:last-child似乎不能在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中引入,所以由于微软只针对CSS8符合IE8,他们可能不会在IE8之后烦恼:last-child.

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

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