只修改一个巨型背景

Question

我的页面中有两个巨型加速器，它的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

补充说：“我想说的是，它没有理由不工作

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

或者向它添加另一个类。

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

Css

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

或者使用内联样式

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