html多个类怎么选择,html – LessCss：带&keyword的多个类选择器

说 – 拥有一张带有大量“多个”css规则的.less工作表来管理图标.

像这样的东西：

.icon { display:inline-block; position:relative; text-indent:-9999em;}

.icon-l.legend { width:24px; height:24px;}

.icon-white.legend{ background:url(@icon_legend_white) no-repeat;}

.icon-l.arrow_left{background-position: -128px -32px;}

并应用这样的规则：

当我有权访问标记时,这可以正常工作,但是我很难将这些规则应用于给定元素：

这是我期望的工作：

#something{

.icon;

.icon-l.legend;

.icon-white.legend;

.icon-l.arrow_left;

}

这只会引发错误.

我“被引导相信”那个“&”操作符可以应用如下规则：

#something{

.icon;

.icon-l{&.legend{}};

.icon-white{&.legend{}};

.icon-l{&.arrow_left{}};

}

这不会引发任何错误,但只会应用.icon的规则.

有人有解决方案吗？

UPDATE

仅供参考 –

我正在为几个不同的独特工作表编译几个.less文件.工作得很好.

SublimeText2 plugin – 工作得相当好,并且很好地集成到工作流程中(需要’构建’文件) – 但是无法呈现这样的多个类

SimpLess – 是一个很好的独立我喜欢很多,除了我不断编译错误堆栈的错误 – 没有明确引用错误位置

WinLess – 设法完成我的所有编译需求,以及成功编译这样的多个类.此外 – 它的错误报告非常具体.让它成为赢家.