gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-27 23:16:52 26 4
gpt4 key购买 nike

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

                &: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;

}
}

最佳答案

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

使步进器成为最后一个子级之后不显示

关于html - 如何在步骤结束时停止步进线延伸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58229723/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com