在LESS中为类名连接字符串

Question

我正在将LESS转换为CSS,我想在下面运行LESS函数:

.myPL( @val ) {
   .pL @val{
    padding-left:@val;
   }
}

功能调用:

.myPL( 20px );

预期结果:

.pL20px{padding-left:20px}

但实际结果是语法错误.

请帮我在LESS中连接类名中的字符串.

Answer 1

您正在寻找的是选择器插值 ...您可以在这里找到它:http://lesscss.org/#-selector-interpolation

你的mixin需要看起来像这样才能工作:

.myPL( @val ) {
  .pL@{val} {
    padding-left: @val;
  }
}