html - Chrome 中的 LESS 不替换变量

标签 html css macos google-chrome less

我正在本地(或尝试)运行 LESS。我正在运行 OSX,但我认为这无关紧要。我使用以下命令让它在本地运行:

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome -allow-file-access-from-files

我在网站加载时得到这个:

less: parsed file://localhost/Users/dir/Website/ver_2/styles.less successfully. less-1.3.1.min.js:8
less: css for file://localhost/Users/dir/Website/ver_2/styles.less generated in 16ms less-1.3.1.min.js:8
less: css generated in 17ms less-1.3.1.min.js:8

看来它的设置是正确的。当我尝试一个简单的预处理器子程序时,Chrome 会忽略它并在开发人员工具中显示无效的属性值:

@color: black;
body > .container{background-color: @color;}

关于如何解决这个问题有什么建议吗? 谢谢!

最佳答案

已解决:导入为 .扩展名(.less 或 .css)似乎是任意的。

关于html - Chrome 中的 LESS 不替换变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13506417/

相关文章:

css - 如何在 twitter bootstrap 中更改 Section 类 pt 100 的高度

macos - 在 OSX 中找不到 Imagemagick 字体

javascript - 如何从一系列文本区域(用户输入)中获取平均数?

html - 将鼠标悬停在 div 上会更改其中文本的对齐方式

javascript - 从 iFrame 获取 parent 文档

html - 通过添加到 SASS 中的类名来嵌套 css 选择器

macos - 自定义 TextView 的自动布局支持

objective-c - NSDocument init 未在 Storyboard 中的 Split View Controller 的一个 Pane 中调用

android - 谷歌地图 v3 在 html5 中未完全显示

html - 谷歌地图 API 未以全尺寸显示