無法覆蓋默認引導程序css

Question

我無法覆蓋默認的css。任何幫助？

HTML：

<link href="css/bootstrap.min.css" rel="stylesheet"> 

    <!--Custom CSS--> 
<link fref="css/custom.css" rel="stylesheet"> 

CSS：

.navbar ,.navbar-defualt { 
    background-color: red; 
    border-color: blue; 
} 

我試圖瞄準.navar定製和.navbar逆

Answer 1

如果你需要重寫導航欄默認類，然後針對同一班。這是行得通的。

讓我解釋一下，在你的代碼中你使用的是navbar，navbar-default，但是這兩個類與相同的類定義有關，所以你不需要使用'，'（逗號）。而不是使用'.navbar.navbar-default'。這會給你工作的CSS。

.navbar-default { 
 
    background-color: red; 
 
    border-color: blue; 
 
}

Answer 2

編輯：你的CSS是不正確的鏈接。將<link fref="">更改爲<link href="">。所以這裏只是一個小小的錯字，它解釋了一切。

只是爲了確保您關聯custom.css到HTML文件正確，試圖改變你的導航背景顏色像以下：

.navbar-default { 
    background-color: #00ffff !important; 
} 

如果還是絕對什麼都沒有，你的CSS文件不鏈接到你的HTML文件，你應該檢查文件路徑有什麼問題。

如果一切正常，你應該去只有.navbar-default，因爲你不一定需要覆蓋.navbar樣式屬性當你已經這樣做是爲了.navbar-default。

現在可以安全地說它的工作原理和刪除!important標記，因爲它應該工作得很好，沒有它。