Will：順序付けられていないリストの最後のリスト項目の最後の子は動作しますか？

Question

これはHTMLの場合：

<ul> 
<li><a href="#">link 1</a></li> 
<li><a href="#">link 2</a></li> 
<li><a href="#">link 3</a></li> 
<li><a href="#">link 4</a></li> 
</ul> 

と、これはCSSです：

ul li 
{ 
    margin-right:5px; 
    display:block; 
    float:left; 
} 

は、使用する方法はありますか：最後の子の最後のリスト項目にはマージン右が存在しないので、 ？

私は

ul li:last-child 
{ 
    margin-right:0px; 
} 

を試み、それが動作しませんでした。この擬似セレクタをli要素でどのように使用するのでしょうか？

Answer 1

:last-childはでサポートされていません。

• IE 8とOpera 9
下回るとSafari 3
下回ると

http://www.browsersupport.net/CSS/:last-child

の下に、あなたはいずれかを使用していますそれらのブラウザの？

Answer 2

あなたのCSSはあなたが

ui li:last-child 

を持っており、それが

ul li:last-child 

する必要があり、あなたの質問は余裕左について尋ねているが、あなたのCSSが私たちを見せているmargin-

をスペルミス右

Answer 3

ルールに誤りがあります。それはuiと言いますが、ulである必要があります。そしてそれは正常に動作するはずです。

ここにはjsFiddle exampleです。