MVC 5应用程序中的CSS问题

Question

这是一个MVC 5应用程序。

我只是试图让一个菜单项是一个不同于其他颜色来指示正在显示的视图。 HOME视图在启动时显示，我希望主视图导航栏项目是不同的背景和文本颜色。

我有一个CSS规则的Site.css文件，我正在尝试应用，它似乎没有影响。

文件中的其他规则确实会产生影响，因为我可以执行检查并查看它确实看到Site.css文件。

我将Site.css文件添加到BundleConfig.css中。

 // Added my custom.css in the css bundle. 
     bundles.Add(new StyleBundle("~/Content/css").Include(
        "~/Content/bootstrap.css", 
        "~/Content/site.css", 
        "~/Content/custom.css")); 

这里是在_Layout.cshtml文件中的代码：

这里是HTML/CSS的检查：

这里是的site.css文件：

Answer 1

您正在为错误的元素应用样式。如果你想应用活动链接的背景和颜色，你必须像下面那样申请。

.navbar-inverse .navbar-nav > li > a.active { 
    color:#428bca; 
    background-color:#e7e7e7; 
} 

假设如果您在应用此样式后无法进行更新，则可能是默认引导样式将覆盖您的样式。在那个时候，使用important关键字来使您的样式覆盖引导样式。

.navbar-inverse .navbar-nav > li > a.active { 
    color:#428bca !important; 
    background-color:#e7e7e7 !important; 
}