css - lesscss如何转义括号

Question

我有以下纯 CSS 规则：

#cboxOverlay{
  background:url(images/overlay.png) repeat 0 0; 
  opacity: 0.9; 
  filter: alpha(opacity = 90);
}

当我用 less ( lessc) 编译它时，它会混淆它alpha(opacity = 90)是一个 Less 函数。
我如何逃脱alpha(opacity = 90)被视为简单的 CSS？

Answer 1

为了转义字符串，您需要像这样包装它~'<string>'，这将使编译器按原样输出字符串。

改变：

filter: alpha(opacity = 90);

到：

filter: ~'alpha(opacity = 90)';

Answer 2

这应该有效：

#cboxOverlay{
  background:url(images/overlay.png) repeat 0 0; 
  opacity: 0.9; 
  filter: ~"alpha(opacity = 90)";
}

另见： http: //lesscss.org/#escaping