МЕНЬШЕ Уплотненный Selector не работает

Question

относительно новое МЕНЬШЕ так что это может быть что-то я делаю неправильно ...

В настоящее время с помощью LESS для создания таблиц стилей и предварительной обработки в CSS с помощью Grunt и хрюкать-вно-менее плагин.

Нанесение немного кирпичной стены здесь.

Мой МЕНЬШЕ селектор:

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.

& - это «self» селектор. Я использую его часто с :hover, как

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