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相反的东西.