Можно ли в Less начало названия класса распространить на дочерние элементы?

Question

[Олег Морев]

Добрый день, есть такой код, наличие wrapper обязательно.

.wrapper {
    .less {

        &-level-1 &-level-2 {
            color: red;
        }
    }
}

Вопрос:)
С level-1 всё ясно скомпилится в .less-levlel-1.
Как быть с level 2? что-бы получилось .less-level-2 при условии, что он дочерний .less-level-1

Answer 1

[Павел Радьков]

Если вам нужно получить в итоге селектор `.less-level-1 .less-level-2 { ... }` то вариант только такой:

.less {
    &-level-1 {
       display: block; 
    }
    
    &-level-1 &-level-2 {
        display: block;
    }
}

Comments

[Олег Морев]

я вопрос чуть изменил, у меня проблема из-за wrapper из-за того что в него вложено, можно это обойти не вытаскиваю код из .wrapper?)

Answer 2

[Dmitry Tallmange]

В документации имеются исчерпывающие примеры. Полезно иногда в нее заглядывать.