Will：last-child在无序列表中的最后一个列表项上工作吗？

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;
}

有没有办法可以使用：last-child所以最后一个列表项没有margin-right？

我试过

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

它不起作用。如何在li元素上使用这个伪选择器？

Answer 1

您的规则中有错误。它说ui但应该是ul。它应该工作正常。

这是 jsFiddle example 。

Answer 2

你拼错了你的CSS

你有

ui li:last-child

它应该是

ul li:last-child

你的问题是询问保证金左边，但是你的css向我们显示了保证金权利

Answer 3

:last-child不支持：

• IE 8及以下
• Opera 9及以下
• Safari 3及以下

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

您使用的是其中一种浏览器吗？