添加填充/边框删除背景颜色

Question

我正在尝试使用特定类为某些文本添加颜色，但是每当我向类添加填充时，它都会删除颜色。

.box2{
    background-color: #89c0c8

    padding-top: 20px;
}

如果有帮助，这里是我如何使用它的粗略模型。

<div class="box1">
    <div class="box2">
        <p>Lorem Ipsum</p>
    </div>

<br>

    <div class="box2">
        <p>Lorem Ipsum</p>
    </div>
</div>

如果有人可以提供帮助，将不胜感激，我真的不明白为什么它不起作用。

Answer 1

您需要在背景颜色之后使用 ;。
; 只能在最后一个属性中省略。

.box2{
    background-color: #89c0c8;
    padding-top: 20px
}

<div class="box1">
    <div class="box2">
        <p>Lorem Ipsum</p>
    </div>

<br>

    <div class="box2">
        <p>Lorem Ipsum</p>
    </div>
</div>