css最后一个孩子匹配所有的孩子

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>