html - 无法为 div 显示背景颜色

Question

我正在尝试为此 div 设置背景颜色，但由于某种原因它保持透明（不显示）。我错过了什么？

    <div class="chesse_people">
        <img class="badge-icon" src="img/cheese_expert.jpg">
        <h4>Chief Cheese Taster - Dave Le Conk</h4>
        <p class="chesse_people">text here.</p>
    </div>


     .cheese_people {
     background-color: #ed6c85; 
     float:left;
     width:70%;
     }

    .badge-icon {
    float:left;
    margin-right:20px;
    }

Answer 1

您的类 ( cheese_people) 与您的元素类 ( ) 不匹配<div class="chesse_people">。

Answer 2

简单的解决方法，你拼错了。起初我认为下划线在 CSS 中是无效的，但我查了一下，发现不是。

Answer 3

您的代码中有拼写错误：请参阅下面的固定代码：

    <div class="cheese_people">
        <img class="badge-icon" src="img/cheese_expert.jpg">
        <h4>Chief Cheese Taster - Dave Le Conk</h4>
        <p class="cheese_people">text here.</p>
    </div>


     .cheese_people {
          background-color: #ed6c85; 
          float:left;
          width:70%;
     }

    .badge-icon {
        float:left;
        margin-right:20px;
    }