最後一子選擇器 - 在IE

我使用的最後一子選擇墊出我的導航欄中的間隙，且它們都工作在大多數瀏覽器正常，但在IE瀏覽器的最新版本的問題。這有什麼解決方案或回退？最後一子選擇器 - 在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>

來源

2011-12-06 tobeeornot

MSDN網站說，最後一子選擇器是IE9 available and works。但你也知道，IE使用different box model。

也許這會導致問題。嘗試添加具有邊距的ie特定行：

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

來源

2011-12-06 14:21:44 tildy

沒了，但感謝響應。 – tobeeornot

你能告訴我的HTML代碼嗎？我想「玩」它。 – tildy

當然，現在是上面。 – tobeeornot

IE7和IE8不支持最後一個孩子，但它們確實支持第一個孩子。只需要切換編碼來改變第一個而不是最後一個。

來源

2011-12-07 10:55:02 tobeeornot

IE的最新版本是不是IE7或8.這是IE9。 – tildy

最後一子選擇器 - 在IE

回答

相關問題