较少的css文件包含在部分中

时间:2013-08-20 12:39:48

标签: html css css3 less

需要在<head>部分中包含哪些文件以减少css。在官方网站上,我刚刚看到他们已经告诉我们要包含.less和.js文件。但是没有.css文件就无法运行。

2 个答案:

答案 0 :(得分:41)

参考LESS文档(http://lesscss.org/#client-side-usage):

将.less样式表与rel设置为“stylesheet / less”链接:

<link rel="stylesheet/less" type="text/css" href="styles.less" />

然后从页面顶部下载less.js,并将其包含在您网页的<head>元素中,如下所示:

<script src="less.js" type="text/javascript"></script>

确保在脚本之前包含样式表。

此方法将使较少文件充当常规css文件,因此不需要其他文件。

但这对于生产环境来说不是一个好习惯。您应该将您的less文件编译为css文件,并将其包含在<head> - 部分中,不包含任何less或js文件。

答案 1 :(得分:2)

@import "styles.less";

@import "styles";

来自你的CSS文件.. 你只需要像

那样包含它
<link rel="stylesheet/less" type="text/css" href="styles.less" />