较少的嵌套选择器不起作用

Question

对LESS来说相对较新，所以这可能是我做错了......

目前使用LESS使用Grunt和grunt-contrib-less插件为CSS创建样式表和预处理。

虽然在这里打了一堵砖墙。

我的LESS选择器是：

h1{
    .navbar-brand {
    font-family: @bodyfont;
    display: inline;
    margin: 0px;
    }
}

但它正在处理：

h1 .navbar-brand {
font-family: 'Museo';
display: inline;
margin: 0px;
}

注意标记和类之间的空格，这导致它无法工作。

我是否误解了嵌套选择器的某些内容，或者Grunt处理有什么问题？

Answer 1

h1{
    &.navbar-brand {
    font-family: @bodyfont;
    display: inline;
    margin: 0px;
    }
}

应该做你想要的，假设你想要最终输出为h1.navbar-brand。

&是“自我”选择器。我经常使用:hover，例如

a {
  ..
  &:hover {
    ..
  }
}