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>