html - 菜单布局上背景颜色的样式在哪里？

Question

当你在 Visual Studio 中创建一个新的 MVC 项目时，你会得到这个布局：

如果您单击 jumbotron（ASP.NET 容器）上的检查，您将获得以下样式的此类：

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #eeeeee;
}

它的background-color定义#eeeeee和实际上是您在上面看到的灰色。

但是，如果您检查 About 按钮，则没有任何关于background-color唯一继承的信息，body而是白色#ffffff。我使用颜色选择器工具，发现实际上是黑色的，#222222但我在检查代码中看不到它。

那么在哪里定义background-color菜单布局呢？

Answer 1

我敢打赌背景颜色的样式在 navbar-nav 类上。由于 chrome 检查器仅显示应用于所选元素的样式，因此不会显示仅应用于父元素的背景颜色。