css - Manage nesting in LESS -

i want like

.classa, .classb, .classc, .classd, .classe {   color: white; }  .classa .classi, .classb .classi, classc .classi {   background: red; }

is possible like

.classa, .classb, .classc {   color: white;   .classi {     background: red;     } }

class d , e shouldn't geht class i.

hopefully know, mean

for case shouldn't use .classd , .classe @ top level because nested selector doesn't apply of them.

you should use .classa, .classb, .classc , use :extend other two.

.classa, .classb, .classc {   color: white;   .classi {     background: red;     } } .classd, .classe {   &:extend(.classa); }

when compiled result in following css:

.classa, .classb, .classc, .classd, .classe {   color: white; } .classa .classi, .classb .classi, .classc .classi {   background: red; }

QR