css last-childはすべての子に一致します

自分のリンクの間にセパレータを作成しようとしていますが、それぞれの右側に境界線を作成しています。それから最後のものを取り出してください。私は次のHTMLとCSSを持っていますが、私が見つけたのは、各 "a"タグが最後の子セレクタにマッチするということです。私はなぜこれをするのが適切な方法だろうと明確ではない。各aためだcss last-childはすべての子に一致します

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

出典

2012-04-27 geoff swartz