Question

如何更改嵌套在容器流体元素中的h3元素的背景颜色？

我为整个容器液设置了背景颜色，但我希望h3元素具有不同的背景颜色。我想h3在容器流体下面，但我无法弄清楚如何改变层次结构。

这是我的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

让我们试试这段代码

#porfolio:not(#portfolio-title) {
     background-color: #EFF0F0;
}



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

选择.container-fluid但不选择porfolio-title。
希望这有帮助。

Answer 2

试试这个CSS

#portfolio {
background-color: #EFF0F0;
}

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

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

Answer 3

你的代码没有任何错误..这是要走的路

工作代码

.container-fluid {
padding: 0 !important;
}

#portfolio-title {
background-color: blue;
color: red;
}

#portfolio {
background-color: green;
}

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
          <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<section class="container-fluid" id="portfolio">

<h3 id="portfolio-title">PORTFOLIO</h3>

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

3 个答案: