last-child 选择器 - IE 中的问题

Question

我正在使用最后一个子选择器来填补导航栏中的空白，并且它在大多数浏览器中都可以正常工作，但在最新版本的 IE 中除外。是否有任何解决方案或后备方案？

ul.dropdown li:last-child{padding-right:20px}

html:

<nav id="main-navigation">

        <ul class="dropdown">
            <li><a href="#">Digital Printing      <span><span></a>
        <ul class="sub-menu">
                 <li><a href="#">Bureau Services</a></li>
                 <li><a href="#">Variable Data</a></li>
                 <li><a href="#">Communication Devices</a></li>
                 <li><a href="#">Large Format</a></li>
            </ul>
        </li>
        <li><a href="#">Email & SMS Broadcasting</a>
            <ul class="sub-menu">
                <li><a href="#">Data List Management</a></li>
                <li><a href="#">Campaign Planning</a></li>
                 <li><a href="#">Email Build</a></li>
                 <li><a href="#">Broadcast</a></li>
                 <li><a href="#">Track & Learn</a></li>
            </ul>
        </li>
        <li><a href="#">Mailing & Fulfilment</a>
            <ul class="sub-menu">
                 <li><a href="#">Direct Mail</a></li>
                <li><a href="#">Fulfilment</a></li>
                 <li><a href="#">Postal Services</a></li>
            </ul>
        </li>
        <li><a href="#">Consultancy</a>
            <ul class="sub-menu">
                 <li><a href="#">Print Management</a></li>
                 <li><a href="#">Cross Media Services</a></li>
                 <li><a href="#">Stragety Execution</a></li>
            </ul>
        </li>
        <li><a href="#">Blog</a></li>
    </ul>
   </nav>

Answer 1

msdn 网站说，IE9 中的最后一个子选择器是 available and works。 但如您所知，IE 使用 different box model 。

也许这会导致问题。尝试添加带有边距的 ie 特定行：

ul.dropdown li:last-child{padding-right:20px; margin-right:20px\0/IE9;}

Answer 2

IE7 和 IE8 不支持 last-child，但它们支持 first-child。只需切换编码以更改第一个而不是最后一个。