使用父引用的LessCss选择器插值

时间:2014-11-11 10:58:55

标签: less

我有问题,我想使用所有类型的输入,如数字,网址,电子邮件...所以所有这些都被设置为普通文本...我经常在我的文件中使用它们所以我想创建一个
selector interpolation来管理这个:

@inputs: ~"input[type=number],  input[type=url], input[type=email], input[type=date], input[type=password], input[type=text]";

这个工作正常,直到我想把它们嵌入...

所以..

#content {
    @{inputs} {width: 20%}  
}

将输出:

#content input[type=number], input[type=url], ... {width: 20%}

但我需要这个:

#content input[type=number], #content input[type=url], ... {width: 20%}

有人有想法吗?

1 个答案:

答案 0 :(得分:0)

我终于找到了解决方案:)
我改变了字符串插值器:

@inputs: ~"input[type=number],  input[type=url], input[type=email], input[type=date], input[type=password], input[type=text]";

为:

@inputs: ~"input[type=number]," + " &" ~"input[type=url]," + " &" ~"input[type=email]," + " &" ~"input[type=date]," + " &" ~"input[type=password]," + " &" ~"input[type=text]";

更新

此解决方案仅适用于此编译器:leafo.net/lessphp