创建 Less.js 命名空间以解决样式表之间的冲突

问题描述

我有两个 CSS 样式表（LineIcons 和 LineAwesome），它们不能很好地配合使用。我发现一些信息 here 说我可以使用 LESS 创建命名空间来解决此类冲突。我安装了 Less.js，并创建了 style.less 文件，并尝试像这样创建命名空间：

.LineIcons{
    @import 'LineIcons.less';
}

  <div class="panel-heading LineIcons" style="background-color:#bbc4cc; color:white">
    <button type="button" class="btn btn-alt3" id="btnSave" style="font-weight:bold;color:#2A4351" onclick="saveCourse(@Model.CourseId)"><i class="lnir lnir-checkmark"></i>&nbsp;Save</button>
    <button type="button" class="btn btn-alt3" data-dismiss="modal" style="font-weight:bold;color:#2A4351"><i class="lnir lnir-close"></i>&nbsp;Cancel</button>
</div>

按照在线帖子中的说明，我将命名空间作为一个类包含在图标类周围的 div 中，但它不起作用，因为我的图标没有显示在任何地方。我不确定我错过了什么。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）