Html 如何删除面包屑的最后一个边框

如何删除面包屑的最后一个边框。我正在连接plunkr链接
我需要删除类似边框的图像。请查找附加的图像和plunkr链接。带有白色背景和蓝色边框的箭头面包屑

ul{
填充：0；
字号：0；
溢出：隐藏；
显示：内联块；
边框：1px实心#0174DF；
}
李{
显示：内联块；
}
跨度{
字号：1rem；
位置：相对位置；
显示：内联块；
背景：#ffffff；
文字装饰：无；
颜色：黑色；
填充：13px25px13px10px；
}
跨度：之后，
跨度：之前{
位置：绝对位置；
内容：“；
身高：0；
宽度：1px；
最高：50%；
左：-25px；
利润上限：-24px；
边框：24px实心#ffffff；
右边界：0！重要；
左边框颜色：透明！重要；
}
跨度：之前{
左-26px；
边框：24px实心#0174DF；
}

家
关于
历史
联系我们

ul{
填充：0；
字号：0；
溢出：隐藏；
显示：内联块；
边框：1px实心#0174DF；
边界权：无；
}
李{
显示：内联块；
}
跨度{
字号：1rem；
位置：相对位置；
显示：内联块；
背景：#ffffff；
文字装饰：无；
颜色：黑色；
填充：13px25px13px10px；
}
跨度：之后，
跨度：之前{
位置：绝对位置；
内容：“；
身高：0；
宽度：1px；
最高：50%；
左：-25px；
利润上限：-24px；
边框：24px实心#ffffff；
右边界：0！重要；
左边框颜色：透明！重要；
}
跨度：之前{
左-26px；
边框：24px实心#0174DF；
}

给你：

我采用了一种不同的方法，将跨度的伪元素做成一个45度旋转的立方体，有两条边表示箭头形状。然后根据需要隐藏最后一个span的伪元素



* {
框大小：边框框；
}
身体{
背景：白色；
}
保险商实验室{
显示：内联块；
填充：0；
左边框：1px实心#0174DF；
背景：白色；
}
李{
显示：内联块；
边框顶部：1px实心#0174DF；
边框底部：1px实心#0174DF；
}
李：最后一个孩子{
边界：无；
}
跨度{
显示：内联块；
字号：1rem；
位置：相对位置；
背景：透明；
文字装饰：无；
颜色：黑色；
填充：13px 10px 13px 35px；
}
李：第一个孩子{
左侧填充：10px；
}
span：：之前{
内容：''；
身高：33.5px；
宽度：33.5px；
位置：绝对位置；
顶部：-1px；
右：-17px；
底部：0；
保证金：自动；
背景：透明；
边框顶部：1px实心#0174DF；
右边框：1px实心#0174DF；
变换：旋转（45度）；
}
李：最后一个孩子span：：之前{
显示：无；
}

主页
关于
历史
联系我们

如果需要，请告诉我help@gyanendra这对你有帮助吗？这不是他想要的看图片我用正确的版本更新了我的答案。看来我以前误解了他的问题。欢迎来到Stack Overflow！虽然此代码可以解决此问题，但最好添加详细说明，并向可能不理解此代码的人解释其工作原理。绝对位置调整“li”位置并隐藏多余的行。
li:last-child{
   position: absolute;
}