修改只是一個超大屏幕的背景

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> 

Answer 2

如果他們在源代碼中去了一個又一個，你可以使用

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

設置背景色爲第二個。或者，添加一個新類併爲其更改背景顏色。