Css 删除时间轴引导带最后一项上的尾随行

我正在尝试删除下面时间线最后一项之后的尾随水平线。我上次尝试创建了一个类

时间线项目

，但它不起作用。我相信有一个更优雅的方式来处理这个问题。有什么想法吗

.timeline-item-last {

  border-right: 0px solid #ffffff !important;

}

---

如果删除不再需要的

.timeline horizontal:before

伪类，并将

.timeline:before

选择器替换为：

.timeline:before {
    top: auto;
    bottom: 45px;
    position: absolute;
    height: 4px;
    content: "";
    background-color: #eeeeee;
    left: 40px;
    width: 65%;
    margin-left: -1.5px;
}

它应该解决这个问题

---

小提琴。

给你一个解决方案

getPos=function（）{
$（'.horizontalLine'）.css({
左：$（'.timeline徽章'）.first（）.position（）.left，
宽度：$（'.timeline item last'）。位置（）。左侧
});
}
getPos（）；
$（窗口）。调整大小（函数（）{
getPos（）；
});
/*时间线*/
.时间表，
.水平时间线{
列表样式：无；
填充：20px；
位置：相对位置；
}
.水平线{
底部：55px；
位置：绝对位置；
内容：“；
宽度：100%；
背景色：#eeeeee；
左边距：-1.5px；
高度：3倍；
}
.时间表.时间表项目{
边缘底部：20px；
位置：相对位置；
}
.时间线。时间线项目：之前，
.时间线。时间线项目：之后{
内容：“；
显示：表格；
}
.时间线。时间线项目：之后{
明确：两者皆有；
}
.时间线.时间线项目.时间线徽章{
颜色：#fff；
宽度：54px；
高度：54px；
线高：52px；
字体大小：22px；
文本对齐：居中；
位置：绝对位置；
顶部：18px；
左：50%；
左边距：-25px；
背景色：#7c7c；
边框：3px实心#ffffff；
z指数：100；
边界右上角半径：50%；
边界左上半径：50%；
边框右下半径：50%；
边界左下半径：50%；
}
.时间线。时间线项目。时间线徽章i，
.时间线。时间线项目。时间线徽章。fa，
.时间线.时间线项目.时间线徽章.图标{
顶部：2个；
左：0px；
}
.timeline.timeline项目.timeline-badge.primary{
背景色：#1f9eba；
}
.timeline.timeline项目.timeline-badge.info{
背景色：#5bc0de；
}
.timeline.timeline项目.timeline-badge.success{
背景色：#59ba1f；
}
.timeline.timeline项目.timeline-badge.warning{
背景色：#d1bd10；
}
.时间线.时间线项目.时间线徽章.危险{
背景色：#ba1f1f；
}
.timeline.timeline项。timeline面板{
位置：相对位置；
宽度：46%；
浮动：左；
右：16px；
边框：1px实心#C0C0；
背景：#ffffff；
边界半径：2px；
填充：20px；
-webkit盒阴影：0 1px 6px rgba（0,0,0,0.175）；
盒影：0 1px 6px rgba（0,0,0,0.175）；
}
.timeline.timeline项。timeline面板：之前{
位置：绝对位置；
顶部：26px；
右图：-16px；
显示：内联块；
边框顶部：16px实心透明；
左边框：16px实心#C0；
右边框：0实心#C0；
边框底部：16px实心透明；
内容：“；
}
.timeline.timeline项目.timeline面板.timeline标题{
边际上限：0；
颜色：继承；
}
.timeline.timeline项.timeline面板.timeline body>p，
.timeline.timeline项目.timeline面板.timeline正文>ul{
页边距底部：0；
}
.timeline.timeline项目.timeline面板.timeline正文>p+p{
边缘顶部：5px；
}
.时间线。时间线项目：最后一个子项：第n个子项（偶数）{
浮动：对；
}
.timeline.timeline项：第n个子项（偶数）。timeline面板{
浮动：对；
左：16px；
}
.timeline.时间线项目：第n个子项（偶数）.时间线面板：之前{
边框左宽度：0；
右边框宽度：14px；
左-14px；
右：自动；
}
.水平时间线{
列表样式：无；
位置：相对位置；
填充：20px 0px 20px 0px；
显示：内联块；
}
.时间线水平：之前{
高度：3倍；
顶部：自动；
底部：26px；
左：26px；
右：0；
宽度：100%；
边缘底部：20px；
}
.时间线水平。时间线项目{
显示：表格单元格；
高度：280px；
宽度：20%；
最小宽度：120px；
浮动：无！重要；
左侧填充：0px；
右边填充：20px；
保证金：0自动；
垂直对齐：底部对齐；
}
.水平时间线.时间线项目.时间线面板{
顶部：自动；
底部：64px；
显示：内联块；
浮动：无！重要；
左：0！重要；
右：0！重要；
宽度：100%；
边缘底部：20px；
}
.时间线水平。时间线项目。时间线面板：之前{
顶部：自动；
底部：-16px；
左：28px！重要；
右：自动；
右边框：16px实心透明！重要；
边框顶部：16px固体#C0C0！重要；
边框底部：0实心#C0C0！重要；
左边框：16px实心透明！重要；
}
.最后一个时间表项目{
右边框：0px实心#ffffff！重要；
}
.时间线水平。时间线项目：之前，
.时间线水平。时间线项目：之后{
显示：无；
}
.时间线水平。时间线项目。时间线徽章{
顶部：自动；
底部：0px；
左：43像素；
}

水平时间线




仙人掌2号
同侧腕关节，同侧腕关节，同侧腕关节，同侧腕关节