是否可以内联 LESS 样式表？答案

【问题标题】：Is it possible to inline LESS stylesheets?是否可以内联 LESS 样式表？
【发布时间】：2011-12-05 14:41:28
【问题描述】：

例如，是否可以执行以下操作：

<style type="text/less">
  #foo {
    .bar {
       font-weight: bold;
    }
  }
</style>

【问题讨论】：

标签： css less

【解决方案1】：

自 2010 年 7 月以来，这已成为可能，并且适用于今天的 Less 1.2.0 版本。

【讨论】：

【解决方案2】：

你实际上需要使用

<style type="text/less">

代替：

<style type="stylesheet/less">

否则将无法正常工作。

记得将<style> 元素放在<script> 元素之前以加载less.js。

【讨论】：

将
我不明白他们为什么首先对<link> 标签使用样式表/less。链接的关系没有什么不同，它是被引用页面的类型，你知道吗？为什么他们没有<link rel=stylesheet type=text/css>
@haxxerz 可能与不希望浏览器错误地将 LESS 代码呈现为 CSS 有关。通过使用 rel=stylesheet/less，大多数浏览器都会将其视为无效而忽略
如果以后动态完成会怎样？ window.less.sheets.push(element) 仅在设置了 href 时才有效 ...
@jibsales, @haxxerz：根据the spec，他们应该忽略它，除非它的类型解析为text/css。 this less.js issue 已经讨论过如何更改浏览器嵌入的工作方式。