无法覆盖默认引导程序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标记，因为它应该工作得很好，没有它。