Less.js - строгие вложенные правила?

Question

Мне нравится способность less.js создавать вложенные правила.Например,

.A{
    .B{
        width:50px;
    }
}

, что приводит к

.A .B{
    width:50px;
}

Но есть ли способ сделать это так:

.A > .B{
    width:50px;
}

Я уже пыталсясделать это:

.A{
    &>.B{
        width:50px;
    }
}

Но это не работает ...

Спасибо!

Answer 1

Это так просто:

.A {
    > .B {
        width: 50px;
    }
}

Еще один связанный с этим вопрос: Немедленный селектор дочерних элементов в LESS

Некоторая документация: http://lesscss.org/features/#features-overview-feature-nested-rules
(на самом деле не включает соответствующий пример)