我对自己创建的进度条感到困惑。
在将类设置为“活动”后,我希望进度条将其背景颜色更改为蓝色。但我希望进度条在课程设置为“活动”之前更改其背景颜色。
这是我的 HTML:
<ul class="progressBar">
<li class="active">Beong Processed</li>
<li class="active">Waiting for payment</li>
<li>Paid</li>
</ul>
…和CSS:
.progressBar li.active {
color: dodgerblue;
}
.progressBar li.active:before {
border-color: dodgerblue;
background-color: dodgerblue
}
.progressBar li.active + li:after {
background-color: dodgerblue;
}
结果是这样的
我希望它是这样的