无法覆盖默认的引导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-custom和.navbar-inverse

Answer 1

编辑：您的CSS链接不正确。 将<link fref="">更改为<link href=""> 。 所以这里只是一个小错字，这说明了一切。

为了确保已将custom.css正确链接到HTML文件，请尝试更改导航背景颜色，如下所示：

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

如果这根本没有任何作用，则说明您的CSS文件未链接到HTML文件，因此您应检查文件路径出了什么问题。

如果.navbar-default应使用.navbar-default ，因为当您已经对.navbar-default时， 不必覆盖.navbar样式属性 。

现在可以肯定地说它可以工作并删除!important标记 ，因为没有它，它应该可以很好地工作。

Answer 2

如果您需要覆盖navbar-default类，则定位相同的类。 可以了

让我向您解释一下，在您的代码中，您使用的是navbar，navbar-default，但是这两个类与同一类定义相关，因此您无需使用'，'（逗号）。 而不是使用'.navbar.navbar-default'。 这将为您提供有效的CSS。

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