在less中使用选择器的变量名

Question

有没有办法使用变量名来存储选择器并使用它？

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

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

是否可以将#master #leftcontent存储在变量中并引用它

Answer 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输出正如您在问题中显示的那样.