刪除「右邊框」從最後一個列表項

Question

朋友，

這種情況：

<div class="navigation-sub"> 
    <ul class="subnavlist"> 
     <li><a href="#">item 1</a></li> 
     <li><a href="#">item 2</a></li> 
     <li><a href="#">item 3</a></li> 
     <li><a href="#">item 4</a></li> 
    </ul> 
</div> 

這是CSS，其中每一個列表項有一個右邊框：

.navigation-sub li a { border-right:1px solid #FFF; } 

接下來，我們要刪除'項目4'的右邊框 - UL中的最後一項，其中：

.subnavlist li:last-child { border-right:0px; } 

我嘗試了幾個技巧，但目前爲止沒有任何事情發生，我不知道該從哪裏去。

任何幫助，高度讚賞！

Answer 1

您正在給<a> s一個邊框，並將其從最後的<li>中刪除。試試這個：

.subnavlist li:last-child a { border-right: none; } 

Answer 2

$(function(){ 
    $(".subnavlist li").last().find("a").css("borderRight",0); 
}); 

Answer 3

你申請邊境<a>標籤，但嘗試重置li

.subnavlist li:last-child a{border-right:none}