Html 如何在CSS中禁用div的第二个最后一个子项上的边框？

我正在创建一个导航菜单，我将禁用菜单项最后一个子项的边框，如下CSS所示

这是HTML，它可能有相同的选择器

<div class="row">
    <div class="col-md-1 portfolio-item">
        <a href="<?PHP echo base_url('network-coverages'); ?>">
            <span class="glyphicon glyphicon-signal" aria-hidden="true"></span>
            <span class="is-mob">
                <?php echo $this->lang->line('network'); ?>
            </span> 
        </a>
    </div>
    <div class="col-md-1 portfolio-item">
        <a href="<?PHP echo base_url('network-coverages'); ?>">
            <span class="glyphicon glyphicon-signal" aria-hidden="true"></span>
            <span class="is-mob">
                <?php echo $this->lang->line('network'); ?>
            </span> 
        </a>
    </div>
    <div class="col-md-1 portfolio-item">
        <a href="<?PHP echo base_url('network-coverages'); ?>">
            <span class="glyphicon glyphicon-signal" aria-hidden="true"></span>
            <span class="is-mob">
                <?php echo $this->lang->line('network'); ?>
            </span> 
        </a>
    </div>

这里是图片

这里是你可以看到的

试试这个

.portfolio-item{
    border-right: 1px solid white;
}
.portfolio-item:last-child{
    border-right: none;
}

---

尝试添加

！重要信息

如果样式是在其他地方定义的

.portfolio-item{
    border-right: 1px solid white;
}
.portfolio-item:last-child{
    border-right: none !important;
}

如果这不起作用，你将不得不向我们展示更多的代码

因为我们还没有看到你所有的代码，我不能肯定这是否符合你的需要，但无论如何。试试这个：

.portfolio-item{
    border-right: 1px solid white;
}
.portfolio-item:last-of-type{
    border-right: none !important;
}

---

您可以使用

:last child

尝试

:not

选择器：

.portfolio-item:not(:last-child){
    border-right: 1px solid white;/*color and border size you can change*/
}

---

类似这样的内容

职业链接是倒数第二个子项，因此不能使用

：倒数第二个子项

使用伪类以相反的方式选择元素：

.portfolio-item:nth-last-child(n + 2) {
    border-right: 1px solid white;
}

---

上述选择器将匹配除最后一个子项之外的所有子项。需要支持。

。公文包项：最后一个子项{右边框：无；}

？还是有什么问题？@Cambodiachannel我找不到border dude你应该更新代码如果你打开那

：last child-border:0

，该div的最后一个孩子就没有任何边界了！最好你创建一个提琴，最后一个孩子不是最后一个孩子。现在这样做是因为我有另一个div，所以我必须将该内容包装为唯一div。是的，OP改变他的问题时我正在回答这个问题。。很抱歉试图帮助你：Si没有给你否决票。但是在给出答案时要小心。同时检查编辑。是的，但我仍然没有工作，你可以在菜单顶部的这个网站上检查，如上图所示。你的答案是正确的，但我的网站如上图所示不工作。你是否应该在我的网站上检查.portfolio项：最后一个子项{border right:none；}我在您的样式中没有看到它。或者在最后一个div中使用此内联样式

.portfolio-item:not(:last-child){
    border-right: 1px solid white;/*color and border size you can change*/
}

.portfolio-item:nth-last-child(n + 2) {
    border-right: 1px solid white;
}