less06 引入(importing)

本文介绍了LESS预处理器中不同类型的@import指令用法及其效果,包括如何引用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;
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值