の変更だけで1ジャンボトロンの背景

Question

私は自分のページに2つのジャンボトロン、そのHTMLがあります。

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

をし、私はちょうど1の色を変更したいのですが、ときに私はそのCSSの両方の変更を編集します。

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

idを入れてバックグラウンドを変更しようとしましたが動作しませんでした。

Answer 1

の追加は、私はそれが

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

CSSの

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

を仕事やそれに別のクラスを追加しないようにするために理由はないジャンボトロンするいただきたい

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

かインラインスタイルを使用

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

Answer 2

彼らはソースコードに次々に行く場合は、2番目の1の背景色を設定する

.jumbotron-fluid + .jumbotron-fluid { 
    background-color: red; 
} 

を使用することができます。または、新しいクラスを追加し、そのクラスの背景色を変更します。