栏不显示，无法按照教程初学者开发者

【问题标题】：The bar doesn't display, can't follow the tutorial beginner developer栏不显示，无法按照教程初学者开发者
【发布时间】：2022-01-30 15:27:33
【问题描述】：

我试图关注这个tutorial，但我在 52:40 分钟被卡住了。当他给出条形高度和颜色时，我做同样的事情但它不显示。谁能帮我？不胜感激

.skills__bar,
.skills__percentage
{   height: 5px;
    border-radius: .25rem;
}

.skills__bar{
    color:red;
}

<div class="skills__titles">
    <h3 class="skills__name">Photoshop</h3>
    <span class="skills__number">80%</span>
</div>
<div class="skills__bar">
    <span class="skills__percentage skills__psd"></span>
</div>

【问题讨论】：

标签： html css height

【解决方案1】：

color 属性指定文本的颜色。 - w3schools

视频中应用的属性不是color，而是background-color。将 color 属性更改为 background-color 后，试试下面的代码来查看结果。

.skills__bar,
.skills__percentage
{   height: 5px;
    border-radius: .25rem;
}

.skills__bar{
    background-color:red;
}

<div class="skills__titles">
    <h3 class="skills__name">Photoshop</h3>
    <span class="skills__number">80%</span>
</div>
<div class="skills__bar">
    <span class="skills__percentage skills__psd"></span>
</div>

https://developer.mozilla.org/en-US/docs/Web/CSS/background-color

【讨论】：