最後の子セレクタ - 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を使用しています。

これはおそらく問題の原因です。余裕をもってすなわち特定の行を追加してみます：

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

Answer 2

をIE7とIE8は最後の子をサポートしていませんが、彼らは最初の子をサポートしています。最後のコードではなく、最初のコードを変更するためにコーディングを切り替えてください。