html - 如何为网站的栏目添加不同的颜色

Question

我想为网站的 2 列添加不同的颜色？我有说明颜色的 CSS 代码，但我似乎无法添加两种颜色。有人可以帮我解决我做错了什么。谢谢

HTML 代码:

#myeducation1 {
    background: #FF8C00;/*yellow*/
    padding-top: 30px;
    padding-bottom: 30px;
}

#myeducation2 {
    background: #ec576b;/*pink*/
    padding-top: 30px;
    padding-bottom: 30px;
}

<section id="education" name="education"></section>
    <div id="myeducation1">
        <div class="container">
            <div class="row">
                <div class="col-xs-6">
                    <p>Donec id elit non mi porta gravida at eget metus.Donec id elit non mi porta gravida at eget metus.Donec id elit non mi porta gravida at eget metus.</p>
                </div>
                <div class="col-xs-6">
                    <p>Donec id elit non mi porta gravida at eget metus.Donec id elit non mi porta gravida at eget metus.Donec id elit non mi porta gravida at eget metus.</p>
                </div>
            </div>
        </div>
    </div>

Answer 1

你想要什么样的颜色形式？如我所见，只有一个#myeducation1，没有#myeducation2。如果你想在同一个表格的两列上涂上不同的颜色，你应该修改每一列的 .col-xs-6，而不是#myeducation1。顺便说一句 .col-xs-6 css 适用于所有具有此 css 的元素。通过为每个添加另一个类来将它们分开