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>提供边框，并将其从上一个<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}

从上一个列表项中删除“border-right”

3 个答案: