我不能减少工作,我不知道为什么。继承人我试过的HTML:
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- CSS -->
<link rel="stylesheet/less" href="main.less" />
<!-- Javascript -->
<!-- <script src="http://lesscss.googlecode.com/files/less-1.0.18.min.js"></script> -->
<script src="less-1.0.18.min.js" type="text/javascript"></script>
</head>
<body>
<p>
Lorum ipsum
</p>
</body>
</html>
而且主要是没用的:
p {
color: blue;
}
从http://lesscss.googlecode.com/files/less-1.0.18.min.js下载less-1.0.18.min.js文件。所有文件都在同一文件夹中。我不知道为什么这不起作用......
在Chrome 12.0.742.100中测试
修改
尝试了lates less.js文件(less-1.1.3.min.js)。那个也行不通。
现在好了......
这有效:
<link rel="stylesheet" type="text/less" href="main.less" />
但只有普通的css,特别是标记。
这根本不起作用:
<link rel="stylesheet/less" type="text/less" href="main.less" />
此外,这不起作用:
<link rel="stylesheet/less" type="text/css" href="main.less" />
到底是什么?我如何减少工作量?
发现错误
P.S.S。如果您正在使用Chrome,则Less.js浏览器脚本目前无效,并且由于已知的Chrome问题,您的网页路径以“file:///”开头。
答案 0 :(得分:17)
P.S.S。如果您正在使用,则Less.js浏览器脚本当前不起作用 Chrome和您网页的路径以“file:///”开头,因为已知 Chrome问题。
但我们可以做的是使用wamp(pc)或mamap(mac)设置本地测试环境。它会好起来的。
答案 1 :(得分:11)
启动chrome时,您可以使用命令行开关 -allow-file-access-from-files - 它将允许less.js访问本地较少的文件。
答案 2 :(得分:3)
虽然这是在不久前发布的,但我想我会为其他人加上一些东西。
如果您使用的是Windows机器,您可能需要尝试WinLess。它是Windows的预编译器。似乎直接使用。祝好运。 http://winless.org/
答案 3 :(得分:-3)
需要添加
型= “文本/ CSS”
到您的css链接。