Less导入选项

Less 提供了CSS @import CSS规则的几个扩展,以提供更多的灵活性来处理外部文件。

语法: @import (keyword) "filename";

以下是导入指令的相关详情:

  • reference,使用较少的文件但不输出。
  • inline,在输出中包含源文件,但不对其进行处理。
  • less,无论文件扩展名为什么,都将其视为less文件。
  • css,无论文件扩展名为什么,都将其视为CSS文件。
  • once,仅包含一次文件(这是默认行为)。
  • multiple,多次包含文件。
  • optional,找不到文件时继续编译。

参考

使用 @import(reference)导入外部文件,但除非被引用,否则不将导入的样式添加到编译的输出中。

reference 根据所使用的方法(混合还是扩展),会产生不同的结果:

  • mixin:当reference样式用作隐式mixin时,它的规则将被混合,标记为 “not reference”,并照常显示在被引用的位置。
  • extend:扩展选择器时,仅将新选择器标记为未引用,并将其拉入引用 import 语句的位置。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值