css last-child匹配所有孩子

Question

我试图通过在每个链接的右侧创建一个边框来在我的链接之间创建一个分隔符。然后在最后一个，删除它。我有以下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>

的最后一个孩子