Question

我知道我可以将样式标记的范围限定为其父标记：

<div>
  <style scoped>
  p { color: red }
  </style>
  <p>Affected</p>
</div>
<p>Unaffected</p>

我可以用这种方式包含一个CSS文件：

<div>
  <style scoped>@import(/css/mystyle.css)</style>
  <p>Affected</p>
</div>
<p>Unaffected</p>

但是，我使用Less并希望使用相同的机制。我试过了：

<div>
  <style scoped>@import(/css/mystyle.less)</style>
  <p>Affected</p>
</div>
<p>Unaffected</p>

我该怎么做？

Answer 1

您需要为包含LESS代码的type="text/less"标记指定<style>属性。
LESS import语句的正确语法为：@import "/css/mystyle.less";（@import(/css/mystyle.css)也是not valid CSS）。
less.js必须在感兴趣的 style标签后包含（例如，如果<style>位于<body>，{{ 1}}也进入<script src="less.js" ...>。

例如：

<body>