<head>
<link rel="stylesheet/less" href="less/news.less">
</head>
<body>
<script src="less.js"></script>
</body>
news.less看起来像这样;
@import: "libs/base.less"
base.less看起来像这样;
@import "colors.less";
@import "mixins.less";
@import "bootstap.less";
@import "font-aweseome.less"
body {
background-color: @light-grey;
}
bootstrap.less和font-awesome.less是扩展名已更改的CSS文件。所有文件都在正确的文件夹中。
在浏览器中查看时，base.less中的样式被忽略，这意味着我的导入无效。
任何人都可以提供任何建议吗？
谢谢！
答案 0 :(得分：46)
您的@import语句必须遵循以下格式：
@import "styles.less";
@import "font-aweseome.less"无法正常工作，因为最后没有分号。
@import: "libs/base.less"因为导入语句后有冒号而无法工作。
答案 1 :(得分：3)
为什么冒号在：
@import: "libs/base.less"
我认为最好在@ import-s之后加一个分号。
查看控制台以确保路径正确，浏览器不会尝试从错误的网址加载较少的文件。
答案 2 :(得分：0)
试试这个： @import url（'你的路径'）;
答案 3 :(得分：0)
导入是
@import "styles.less";
答案 4 :(得分：-1)
1.在news.less中导入你的base.less，
@import "libs/base.less";
2.在html中找到你的news.less文件
<link rel="stylesheet/less" type="text/css" href="less/news.less"/>
3.在html中找到less.js库
<script src="lib/less.js"></script>