css last-child匹配所有孩子

我试图通过在每个链接的右侧创建一个边框来在我的链接之间创建一个分隔符.然后在最后一个,删除它.我有以下html和css,但我发现每个“a”标签与最后一个子选择器匹配.我不清楚为什么以及这样做的正确方法.

<ul class="nav">
  <li><a href="#">link1</a></li>
  <li><a href="#">link2</a></li>
  <li><a href="#">link3</a></li>
  <li><a href="#">link4</a></li>
</ul>


.nav a { border-right:solid 1px #000;}
.nav a:last-child { border-right-width:0px;}

那是因为每个a都是其父li的最后一个孩子.你想要像.nav li：last-child a之类的东西.