Css 在标题标记中包含类的LESS是否有区别？

在我的less文件中，我有一个部分，其中定义了一些用于导航的响应代码

我只想将此样式用于页眉，否则也会影响页脚。但是如果我将我的站点包装在

标题中，它就不会显示样式化的导航。这不起作用：

header {
    .content {
        padding-top: 80px;
    }

    li.expanded.dropdown {
        float: none !important;
    }

    .navbar-nav {
        float: right !important;
        background: #b4b48e;
        width: 160px;
        margin: 0px -15px;
    }

    .navbar-default .navbar-nav > li > a {
        color: white;
    }
}

但这是可行的：

.content {
    padding-top: 80px;
}

li.expanded.dropdown {
    float: none !important;
}

.navbar-nav {
    float: right !important;
    background: #b4b48e;
    width: 160px;
    margin: 0px -15px;
}

.navbar-default .navbar-nav > li > a {
    color: white;
}

我错过了什么

CSS的编译非工作版本，包括HTML：


header.content{
填充顶部：80px；
}
标题li.expanded.dropdown{
浮动：无！重要；
}
标题.导航栏导航{
浮子：对！很重要；
背景：#B48E；
宽度：160px；
利润率：0px-15px；
}
header.navbar default.navbar nav>li>a{
颜色：白色；
}

切换导航

一些导航
这里有更多的项目

因此，您正在寻找下面的（类似的）内容，但正如所评论的，您的标记根本不“匹配”您的css

header.navbar-default {

li.expanded.dropdown {
  float: none !important;
}

.navbar-nav {
   padding-top: 80px;
   float: right !important;
   background: #b4b48e;
   width: 160px;
   margin: 0px -15px;
}

 .navbar-nav > li > a {
   color:white;
 }
}

因此，您正在寻找下面的（类似的东西），但正如所评论的，您的标记根本不“匹配”您的css

header.navbar-default {

li.expanded.dropdown {
  float: none !important;
}

.navbar-nav {
   padding-top: 80px;
   float: right !important;
   background: #b4b48e;
   width: 160px;
   margin: 0px -15px;
}

 .navbar-nav > li > a {
   color:white;
 }
}

CSS将
navbar default
类显示为标题的子元素，而实际上它是标题本身的一个类。因此，通过将CSS更改为以下内容，它应该可以工作

header.navbar-default {
    .content {
        padding-top: 80px;
    }

    li.expanded.dropdown {
        float: none !important;
    }

    .navbar-nav {
        float: right !important;
        background: #b4b48e;
        width: 160px;
        margin: 0px -15px;
    }

    .navbar-nav > li > a {
        color:white;
    }
}

CSS将
navbar default
类显示为标题的子元素，而实际上它是标题本身的一个类。因此，通过将CSS更改为以下内容，它应该可以工作

header.navbar-default {
    .content {
        padding-top: 80px;
    }

    li.expanded.dropdown {
        float: none !important;
    }

    .navbar-nav {
        float: right !important;
        background: #b4b48e;
        width: 160px;
        margin: 0px -15px;
    }

    .navbar-nav > li > a {
        color:white;
    }
}

是否应该是
.header
？如中所示，
标题是CSS类还是HTML元素？带
内容的标签在哪里？它不是标题的一部分，因此在开始添加标题时显然不起作用。因此，
navbar default
类是标题标记本身的一部分，因此也不会起作用work@CalvT这就解决了问题。必须在标题后面包含导航栏默认值。谢谢。我瞎得像只蝙蝠。如果你想写一个A，我会接受。它应该是
.header
？如中所示，
标题是CSS类还是HTML元素？带
内容的标签在哪里？它不是标题的一部分，因此在开始添加标题时显然不起作用。因此，
navbar default
类是标题标记本身的一部分，因此也不会起作用work@CalvT这就解决了问题。必须在标题后面包含导航栏默认值。谢谢。我瞎得像只蝙蝠。如果你想写A，我会接受的。