文档章节

Less导入选项

凌兮洛
 凌兮洛
发布于 10/22 12:59
字数 585
阅读 19
收藏 0

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 语句的位置。

Inline

使用 @import (inline) 包括外部文件,但不能对其进行处理。

Less

使用 @import (less) 治疗导入的文件一样都不能少,无论文件扩展名。

    @import (less) "main.css";

CSS

使用 @import (css) 治疗导入的文件作为常规CSS,无论文件扩展名,也就意味着import语句将保持原样。

    @import (css) "main.less";
    
    // 输出
    @import "main.less";

Once

@import 语句的默认行为,也就意味着该文件仅导入一次,该文件的后续导入语句将被忽略。

    @import (once) "main.less";
    // 此语句将被忽略
    @import (once) "main.less";

Multiple

使用 @import (multiple) 允许使用相同的名称导入的多个文件,这是一次相反的行为。

    // file: main.less
    div {
      color: green;
    }
    // file: index.less
    @import (multiple) "main.less";
    @import (multiple) "main.less";
    
    // 输出结果
    div {
      color: green;
    }
    div {
      color: green;
    }

Optional

用于 @import (optional) 仅在文件存在时才允许导入,如果没有optional关键字Less,则在导入找不到的文件时会引发FileError并停止编译。

© 著作权归作者所有

上一篇: Mixin 和 CSS Guards
下一篇: Less导入指令
凌兮洛
粉丝 2
博文 82
码字总数 81763
作品 0
长沙
私信 提问
Sqoop-1.4.4工具import和export使用详解

Sqoop可以在HDFS/Hive和关系型数据库之间进行数据的导入导出,其中主要使用了import和export这两个工具。这两个工具非常强大,提供了很多选项帮助我们完成数据的迁移和同步。比如,下面两个潜...

Zero零_度
2016/07/24
51
0
oracle 备份恢复 12oracle逻辑备份恢复补充

1.expdp/impdp 1.1、导出表:导出表是指将一个或者多个表的数据结构集齐数据存储到转储文件中,导出表是通过使用tables选项来完成 的。普通用户只能导出自身方案表,如果要导出其他方案表,则...

PeakFang-BOK
2018/10/14
16
0
(十一)MySQL数据库-MySQL 数据的导出导入、备份还原

版权声明:转载请注明原文地址 https://blog.csdn.net/Super_RD/article/details/89790486 (十一)MySQL数据库-MySQL 数据的导出导入、备份还原 我的系统版本为CentOS7.5,MySQL版本为5.7.2...

Super_RD
05/03
0
0
Oracle数据泵expdp导出,impdp导入

准备: 1)创建逻辑目录,该命令不会在操作系统创建真正的目录,最好以system等管理员创建。 create directory dpdata as '/opt'; 2)查看管理理员目录(同时查看操作系统是否存在,因为Oracl...

鱼跃冲顶
2016/04/01
762
0
Tlbimp.exe 类型库导入程序

< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd> 类型库导入程序将 COM 类型库中的类型定义转换为公共语言运行时程序集中的等效定义。Tlbimp.exe 的输出...

技术小美
2017/11/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

前端的一些雕虫小技,从100%和滚动条说起

1、100%和滚动条 当我们在css中把html和body同时设为100%时,会出现滚动条 html, body { width: 100%; height: 100%; } 原因是html和b...

wphmoon
34分钟前
6
0
电力区块链应用案例【2019】

随着区块链技术的日益普及,出现了大量创业企业尝试使用区块链技术来解决能源与电力行业中存在的问题。在本文中,我们将介绍其中的三个能源区块链项目。 能源行业以价格不透明著称:消费者很...

汇智网教程
55分钟前
7
0
聊聊rocketmq的adjustThreadPoolNumsThreshold

序 本文主要研究一下rocketmq的adjustThreadPoolNumsThreshold DefaultMQPushConsumer rocketmq-client-4.5.2-sources.jar!/org/apache/rocketmq/client/consumer/DefaultMQPushConsumer.ja......

go4it
今天
9
0
关于早起

早起是非常好的事情,但是像如果前一天睡得晚,或者第二天早上是非常冷的时候,那就不是很美好了。 但是本身早起是一件非常棒的事情,我记得我每次早起 如果不觉得困的话,世界是那么安静,脑...

T型人才追梦者
今天
7
0
Java输入输出

JDK中的InputStream/OutputStream构成了IO输入输出继承层次的基础。它们都是面向字节序列的,每次可以从序列中读入或者写出一个字节或者指定大小的字节数组。但是面向字节流的输入输出不便于...

ytuan996
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部