只修改一个jumbotron背景

Question

我的页面中有两个jumbotron，它的html：

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h3 class="display-5">TEST</h3>

我想改变一个颜色，但是当我编辑它的css时都会发生变化。

.jumbotron-fluid{
    background-color: red!important;
}

我尝试输入ID并使用它更改背景但是没有用。

Answer 1

将我添加到jumbotron没有理由不工作

  #id {
      background-color: red!important;
   }

或者添加另一个课程

  <div class="jumbotron red"></div>

的CSS

  .red {
      background-color: red!important;
   }

或使用内联样式

     <div class="jumbotron" style="background-color: red"></div>