Html 最后一个孩子好像不工作

这是我的代码：

HTML:

到目前为止，一切顺利。这样可以正常工作，并正确显示图像

导航ulli a：悬停{ 背景：url'http://i.imgur.com/DmeCv.png'-164px-50px； } 第一个孩子a:悬停{ 背景：url'http://i.imgur.com/DmeCv.png'0px-50px； 最后一个孩子a:悬停{ 背景：url'http://i.imgur.com/DmeCv.png'-326px-50px； } 但是，这不起作用。它显示中间部分的悬停图像，而不是最后一个子悬停图像

以下是一个例子：

---

在CSS示例中，第一个子元素a:hover中缺少右大括号}。

它应该做什么？什么不起作用？我觉得很好..你在哪个浏览器中试用过最后一个子项仅适用于最近的浏览器：@deathApril，最后一项悬停在其上时具有方形角。旁白：我非常感谢我能够为更新的浏览器设计，并使用边框半径和线性渐变来代替图像…EWW，使用相同背景图像URL重复六次的重新声明的速记样式。Andrew，这是为什么正确的缩进和间距不仅仅是个人偏好的最好例子。在修改代码之后，这个问题很容易被发现。这是一个大括号，这是一个括号。所以CSS不是一段代码，它是一个专有名词；那些背勾不应该在它周围。

<div id="nav">
 <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>
</div>