less06 引入(importing)

LESS与CSS导入特性详解
本文介绍了LESS预处理器中@import指令的不同用法及其如何处理CSS文件。详细解释了多种导入方式,包括按需导入、内联导入、仅一次导入等,并展示了如何将不同格式的文件转换为LESS或CSS来操作。

main.less

@wp:960px;

.colorsss{
  color: darkgreen;
}

index.css

.color{
    color: #ff6600;
}

style.less

复制代码
//@import "main.less";
//@import (reference) "main.less";  //引用LESS文件,但是不输出
//@import (inline) "main.less";  //引用LESS文件,但是不进行操作
//@import (once) "main.less";  //引用LESS文件,但是不进行操作
//@import (less) "index.css";  //无论是什么格式的文件,都把他作为LESS文件操作
//@import (css) "main.less";  //无论是什么格式的文件,都把他作为CSS文件操作
@import (multiple) "main.less";  //multiple,允许引入多次相同文件名的文件
@import (multiple) "main.less";  //multiple,允许引入多次相同文件名的文件
@import (multiple) "main.less";  //multiple,允许引入多次相同文件名的文件
.centen{
//  width:@wp;
//  .color;
}
复制代码

style.css

复制代码
.colorsss {
  color: darkgreen;
}
.colorsss {
  color: darkgreen;
}
.colorsss {
  color: darkgreen;
}
复制代码

 


本文转自农夫山泉别墅博客园博客,原文链接:http://www.cnblogs.com/yaowen/p/7000285.html,如需转载请自行联系原作者

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值