html - 如何在步进结束时停止步进线延伸

Question

我的步进线有问题。我希望在步骤结束时它不会延伸另一条线。我希望它在步骤结束时停止延伸它的线。下面是我试图实现的图像和代码。 这是图像结果

                &:first-child {
                    ._schedule-item {
                        &:after {
                            display: none;
                        }
                    }
                }

                &:last-child {
                    .schedule-item {
                        &:after {
                            display: none;
                        }
                    }
                }

                ._stepper {
                    background-color: rgb(38,170,224);
                    border: 3px solid rgb(38,170,224);
                    border-radius: 100%;
                    width: 7px;
                    height: 7px;

                    &:after {
                        content: "";
                        position: absolute;
                        width: 1px;
                        position: absolute;
                        height: 100px;
                        background-color: rgb(38,170,224);
                        left: 29.5px;

                    }
                }

标签： htmlcss

Answer 1

._stepper:last-child:after{
      display: none;
 }

使步进器成为最后一个孩子以显示无