是否可以内联LESS样式表?

Dav*_*ver 48 css less

例如,是否可以执行以下操作:

<style type="text/less">
  #foo {
    .bar {
       font-weight: bold;
    }
  }
</style>
Run Code Online (Sandbox Code Playgroud)

小智 76

你实际上需要使用

<style type="text/less">
Run Code Online (Sandbox Code Playgroud)

代替:

<style type="stylesheet/less">
Run Code Online (Sandbox Code Playgroud)

否则它将无法工作.

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

  • 将<style>元素放在<script>元素之前以加载less.js. (15认同)
  • `text/x-less`也有效,看起来更酷:P (3认同)
  • @haxxerz可能与不希望浏览器错误地将LESS代码呈现为CSS有关.通过使用rel = stylesheet/less,大多数浏览器会将其忽略为无效 (3认同)
  • 我不明白为什么他们首先使用stylesheet/less作为`<link>`标签.链接的关系没有什么不同,它是被引用页面的类型,你知道吗?为什么他们没有`<link rel = stylesheet type = text/css>` (2认同)
  • 如果这是动态完成的,以后怎么办?window.less.sheets.push(element)仅在设置href时有效... (2认同)

Dan*_*ile 19

这可以从2010年7月开始实现,并且适用于今天的Less 1.2.0版本.

查看增加对此的支持初始差异.

  • 是的,这是正确的答案,但绝对要看奥托的答案,因为如果你复制OP的代码,它肯定是行不通的. (8认同)