html - 更改容器流体内元素的背景颜色

Question

如何更改嵌套在 container-fluid 元素中的 h3 元素的背景颜色？

我已经为整个容器流体设置了背景颜色，但我希望 h3 元素具有不同的背景颜色。我想象 h3 在 container-fluid 下面，但我不知道如何更改层次结构。

这是我的 html:

<section class="container-fluid" id="portfolio">

<h3 id="portfolio-title">PORTFOLIO</h3>

还有 CSS:

.container-fluid {
padding: 0 !important;
}

#portfolio-title {
background-color: #2E3747;
}

#portfolio {
background-color: #EFF0F0;
}

感谢您的帮助!

Answer 1

试试这个 CSS

#portfolio {
background-color: #EFF0F0;
}

#portfolio #portfolio-title {
background-color: #2E3747 !important;
}

我刚刚将投资组合向上移动，然后将 h3 向下移动并使其变得重要