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样式属性 .navbar-default。

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

Answer 2

如果您需要覆盖navbar-default类，则定位同一个类。这很有效。

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