Question

这是我的HTML：

<html>
<head>
<link rel="less/less.js" href="css/style.less">

</head>

<header> This is a header. </header>

</html>

style.less：

@light-blue: @blue + #111;

#header {
  color: @light-blue;
}

标题仍显示常规黑色。不浅蓝色。控制台中没有错误消息。

Answer 1

您正在使用#header，这意味着您正在调用具有id="header"的元素，将其更改为header以捕获标题元素。

另外，你混淆了js和更少的链接。 Less应嵌入到您的代码中，如下所示：

<link rel="stylesheet/less" type="text/css" href="css/style.less" />
<script src="less/less.js" type="text/javascript"></script>

另外，使用有效颜色设置@blue：

@blue: #5B83AD;
@light-blue: @blue + #111;