Question

关于CSS+DIV导航条的写法的问题

看到一个CSS+DIV导航条，其中有一句代码不起作用，
ul.nav.last a {
border-bottom: 0px;
}
这句的意思应该是最后一个链接下面的边框为0，但在浏览器里看却没有其作用呢？
边框仍然是双线。

CSS代码如下：
<style type="text/css">
ul.nav {
padding: 0em;
list-style-type: none;
width: 8em;
background-color: #8BD400;
border: 1px solid #486B02;
}
ul.nav a {
display: block;
color: #2B3F00;
text-decoration: none;
border-top: 1px solid #E4FFD3;
border-bottom: 1px solid #486B02;
background-image: url(bullet.gif);
background-repeat: no-repeat;
background-position: 3% 50%;
padding: 0.3em 1em;
}
ul.nav.last a {
border-bottom: 0px;
}
</style>
*************************************
*************************************
HTML body部分的代码如下，
<ul class="nav">
<li><a href="#">Read emails</a></li>
<li><a href="#">Write chapter</a></li>
<li><a href="#">Go shopping</a></li>
<li><a href="#" >Cook dinner</a></li>
<li><a href="#">Watch Lost</a></li>
</ul>

Answer 1

最简单的方法 在最后一个li中加上class="last"

Answer 2

last伪类是冒号定义的吧。。。