Подтвердить что ты не робот

Использование имени переменной для селектора меньше

Есть ли способ использовать имя переменной для хранения селектора и использовать его?

#master #leftcontent div,
#master #rightcontent div{
    background-color: #fff;    
}

#master #leftcontent a,
#master #rightcontent a{
    color:blue;    
}

Можно ли хранить #master #leftcontent в переменной и ссылаться на нее

Ответ 1

Да, это можно сделать

Это работает в LESS 1.3.1+. Вы можете изменить строку, но это просто пример того, как это можно сделать:

МЕНЬШЕ

@selector1: ~'#master';
@selector2: ~'@{selector1} #leftcontent';
@selector3: ~'@{selector1} #rightcontent';

@{selector2} div,
@{selector3} div { 
   background-color: #fff; 
}

@{selector2} a,
@{selector3} a { 
   color: blue; 
}

Результат CSS точно так же, как вы видите в вопросе.