Jquery 删除';右边界';从最后一个列表项

Jquery 删除';右边界';从最后一个列表项,jquery,html,css,Jquery,Html,Css,朋友们 情况就是这样: <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

朋友们

情况就是这样:

<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>
接下来,我们要删除UL中最后一项“项目4”的右边框,包括:

.subnavlist li:last-child { border-right:0px; }
我尝试了几个技巧,但到目前为止什么都没有发生,我不知道从这里该怎么办

非常感谢您的帮助

您正在给
添加边框,并将其从最后一个
  • 中删除。请尝试以下方法:

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

    您正在将边框应用于
    标记,但正在尝试重置
    li

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

    将影响所有的标记感谢所有人!所有答案都取决于它们的使用情况。对不起,我在这里失明了:)
    $(function(){
         $(".subnavlist li").last().find("a").css("borderRight",0);
    });
    
    .subnavlist li:last-child a{border-right:none}