Node.js当#zoom：1时编译器parsing错误较less; 用过的

每当.less文件在某些​​情况下使用“＃”主题标签时，我会得到一个节点less的编译器错误。 这似乎是好的颜色hex值，如颜色：#FFFFFF; 但你采取像#zoom：1; 并且对于无法识别的input而言，它会产生parseError。

我无法find任何与＃使用直接相关的其他post，并跳过了编译器，所以这让我想知道为什么没有人遇到这个问题。

下面是从Dojo SDK文件dijit.css中获取的一个类的实际示例较less的文件定义。 我将扩展名更改为.less，以便将其和其他较less的文件合并到一个.css文件中：

.dijitInline { /* To inline block elements. Similar to InlineBox below, but this has fewer side-effects in Moz. Also, apparently works on a DIV as well as a FIELDSET. */ display:inline-block; /* webkit and FF3 */ #zoom: 1; /* set hasLayout:true to mimic inline-block */ #display:inline; /* don't use .dj_ie since that increases the priority */ border:0; padding:0; vertical-align:middle; #vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */ } 

编译器扼杀#zoom和#display行。

Answer 1

技术上的#zoom是无效的CSS，虽然它是由IE解释，因此经常用作IE修复解决scheme。 不过，我怀疑这是你的编译器失败的原因。

我使用下面的inline-block mixin，它在编译工具中编译得很好，

 .display-inline-block() { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } 

*display与您的#zoom一样无效，但我的编译器似乎不在乎。 我没有尝试用# ，但使用*代替似乎值得一试…