文档级减(Document Level Less)

我工作的学校项目，并想用更少的图书馆。我想是这样
<link rel="stylesheet/less" type="text/css" href="style.less">但这并没有工作，我得到了错误的XMLHttpRequest无法加载file:/// [..] /style.less. Cross origin requests are only supported for HTTP. file:/// [..] /style.less. Cross origin requests are only supported for HTTP. 这意味着我基本上需要运行该实现的服务器。但是，由于这应该是一个非技术类独立的项目，运行的服务器出了问题。所以，我的问题是：

如何用更少的文档级别，以同样的方式一个会写CSS相当于
<style>div{color:#F00}</style> ？

搜索“文件级少”的谷歌返回任何有关结果。

您不能使用在文件级别更低。少即是对CSS预编译，所以你应该在你的网站（CSS）的使用最终产品。你并不需要一个网络服务器来显示HTML + CSS在一个网页浏览器本地。但您可以编译LESS为CSS客户端（由包括less.js）或服务器端，源代码捆绑的编译器。另请阅读：有没有办法绕过的Javascript / jQuery的本地接入同源策略？

例如像下面的文件作品也当我从本地文件加载它在一个网页浏览器：

<html>
<head>
    <link rel="stylesheet" media="(max-width: 767px)" href="green.less" />
    <link rel="stylesheet" media="(min-width: 768px)" href="red.less" />
    <script type="text/javascript">less = { env: 'development' };</script>
    <script src="less.js" type="text/javascript"></script>
</head> 
<body>
<p>color this text</p>
</body>
</html>

更新当你确定JavaScript的工作和less.js负载和你没有看到你的风格依旧，他们很可能将是一个错误，或者在你的LESS文件错字。如果有错误，你的LESS文件将不能编译，所以他们会有任何CSS，你将不会看到任何造型。默认情况下，less.js不显示在浏览器中的错误。添加<script type="text/javascript">less = { env: 'development' };</script>到源，以允许在浏览器中显示LESS错误（来自： https://stackoverflow.com/a/11289000 / 1596547 ）。

例：