我一直在努力减少 CSS 的工作量,但没有运气,看到其他人没有这个问题,这真是令人尴尬。
4 回答
我认为您不能直接从 googlecode 站点链接到 .less 文件。如果我在打开 Firebug 的情况下运行你的 jsfiddle,我会看到一个错误。如果我查看为加载 .less 文件而发出的 HTTP 请求,我会看到以下内容:
Response Headers
Content-Length 28464
Content-Type text/x-c; charset=us-ascii
Content-Disposition attachment; filename="style.less"
Accept-Ranges bytes
Date Mon, 13 Dec 2010 09:11:05 GMT
Last-Modified Mon, 13 Dec 2010 09:01:31 GMT
Expires Mon, 20 Dec 2010 09:11:05 GMT
Server DFE/largefile
Cache-Control public, max-age=604800
Age 452
如果直接访问 URL,Content-Disposition 会触发浏览器提示保存文件。我认为这也使尝试下载 .less 文件的代码感到困惑。
尝试下载文件并将其放在对 .less mimetype 没有任何特殊处理的不同服务器上...
首先,在chrome中,js和css报错,无法加载。因此,您必须自己将它们托管在您的服务器上,如果您无权访问您的 apache ini 或者您不知道.htaccess.less
,我建议您将其重命名为。.css
第二件事,我找不到@brand-color
,但这@brand_color
是不同的 ;) 无论如何,整个 css 似乎都不同。
最后,这个 css 框架似乎不太好开始(很多测试评论等......对我来说似乎还没有完成,我会谨慎使用它。)
当css上的扩展名是“.less”而不是“.css”时,“管理资源”加载器可能不理解它应该是什么内容。
我认为 jsfiddle 忽略了您在 HTML 部分中的引用:所有外部引用都必须添加到已知框架列表的左侧,或者作为“管理资源”部分中的链接。我猜这是出于安全原因...
不知道这个框架,但我可以看到你这里的 s 太多了:
<link rel="stylesheet/less" href="http://lesscsss.googlecode.com/files/style.less" type="text/css" />
它应该是
<link rel="stylesheet/less" href="http://lesscss.googlecode.com/files/style.less" type="text/css" />
编辑:对不起,错了。您的代码中的两个链接是不同的,但它们应该是。第一个链接到lesscss,第二个链接到lesscss,两者都是对的。对不起。