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

Question

各リンクの右側に境界線を作成して、リンク間にセパレーターを作成しようとしています。次に、最後の1つで、それを削除します。私は次の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;}

Answer 1

これは、それぞれaが親の最後の子であるためliです。.nav li:last-child a代わりに次のようなものが必要です。

Answer 2

すべての<a>タグは親の最後の子です<li>