我有一个带有嵌套div的HTML。我的孩子div没有显示背景颜色:#00000
我尝试了溢出:隐藏且重要,没有起作用
HTML
<div class="container">
<div class="progress">
<div class="progress-track"></div>
<div id="Created" class="progress-step">
Created
</div>
<div id="Approved" class="progress-step">
Approved
</div>
</div>
</div>
SCSS
.container {
border: double;
margin-left: 50%;
}
.progress {
position: relative;
display: flex;
}
.progress .progress-track {
position: absolute;
background-color: #a82222;
height: 22px;
z-index: -1;
overflow: hidden;
}
此类不起作用-> .progress .progress-track {}