Is it possible in Less to extend the beginning of the class name to child elements?

Question

Less

Good afternoon, there is such a code, the presence of a wrapper is required.

.wrapper {
    .less {

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

Question:)
From level-1, everything will clearly compile to .less-levlel-1.
What about level 2? something to get .less-level-2, provided that it is a child of .less-level-1

Answer 1

If you need to end up with the selector `.less-level-1 .less-level-2 { ... }` then the only option is:

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

Answer 2

The documentation has comprehensive examples. It's good to look into it sometimes.