Question

所以我有这个导航栏：

<nav class="navbar navbar-default" style="background: black; margin-bottom: 0;">

它工作正常。但是，当我尝试更改外部CSS文件中的样式而不是内联时：

.navbar-default {
background: black; 
margin-bottom: 0;
}

他们根本不工作。 CSS文件工作正常，因为我检查和bg图片正在改变。我只有导航栏的问题，无法搞清楚。根据这个：Change navbar color in Twitter Bootstrap 3我做得很好。这是我第一次遇到这个问题。如果有人想知道，请使用bootstrap：）

任何帮助人？我不想使用内联css。

Answer 1

您需要覆盖Bootstrap类，使用!important使其正常工作

.navbar-default {
    background: black !important; 
    margin-bottom: 0 !important;
}

注意：如果使用!important，CSS中使用的所有其他规则都无法覆盖此声明。

Answer 2

随着这些风格在其他地方被设定，你的风格被覆盖了。 css中的C代表级联。 See the cascading order section of this page

简单的选择是在引导程序之后简单地包含样式表。

当然，您可以通过在样式规则的末尾添加！important来覆盖此优先级，但这会破坏CSS的某些功能，并且可能难以维护。

Answer 3

我认为默认的bootstrap导航栏样式正在应用，因此请在属性值前面尝试!important。

.navbar-default {
background: black !important; 
margin-bottom: 0 !important;
}

Answer 4

我遇到了同样的问题，经过大量的搜索，我发现java.lang.NullPointerException: Attempt to invoke virtual method 'android.content.IntentSender android.app.PendingIntent.getIntentSender()' on a null object reference at ink.va.activities.BuyCoins$1.onServiceConnected(BuyCoins.java:103)是默认的引导类，它没有被外部css文件重载。你可以使用css的navbar-default属性来帮助在默认类重载时加载外部css文件。

!important

外部CSS文件无法获取类

4 个答案: