Question

我有一个Bootstrap CSS样式：

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

我将MVC 5 HTML作为：

<li>@Html.ActionLink("Home", "Index", "Home", new { area = "" }, new {
 @class = "active" })</li>

CSS表现完美。

我从＆＃34;活动＆＃34;更改了班级名称到＆＃34; xyz＆＃34;或任何与此有关的事情，它不再起作用。我在两个地方做了改变，HTML和CSS。

当我进行检查时，规则不再出现，因为类名是＆＃34;活动＆＃34;。

为什么？

Answer 1

您的css规则表明该元素必须具有类名 active 并且是一个元素，位于 li 元素内> navbar-nav 类名为element。

因此，当您将classname目标更改为其他内容时，该规则将不再适用

Answer 2

您正在为导航栏使用bootstrap，在这种情况下，有一些预定义的类已由css设置样式。所以你不能放任何随机的课。