zoukankan      html  css  js  c++  java
  • CSS @import 深入用法

    1  常用css3的@ At规则有4种类

    @document

    @import

    @supports

    @media

    2 @import 的几种引入方式

    @import 默认引入less方式读取,出css之外: example:

    • @import "foo"; // foo.less 导入为less文件 
    • @import "foo.less"; // foo.less 导入为less文件
    • @import "foo.php"; // foo.php 导入为less文件
    • @import "foo.css"; // 语句保持原样,导入为css文件
    属性作用释义
    reference 使用该less文件但是不输出它 使用@import (reference) 导入外部文件,导入的样式不会添加到编译输出,除非该样式被引用。
    inline 包括在源文件中输出,但是不作处理 当一个css文件可能无法被less所兼容时
    less 将该文件视为less文件,无论扩展名是什么  
    css 将文件视为css文件,无论扩展名是什么  
    once 该文件仅可导入一次 (默认) 文件只会被导入一次,后续的导入相同文件的语句会被忽略。
    multiple 该文件可以多次导入 文件重复被引入多次
    optional 当没有发现文件时仍然编译 避免导入不存在的less文件,如果没有这个参数会报 File Error 错误

    举栗(可以使用多个关键字,同时生效)
    example: 

    @import (optional, reference) "foo.less"; 
  • 相关阅读:
    FastDFS
    MYSQL日常操作
    SVN安装
    mysql主主配置
    MySQL优化
    nginx反向代理tomacat+keepalived实现动静分离、负载均衡、高可用
    nginx故障及处理
    nginx配置检测及安全配置
    nginx基本优化
    大金空调适配器
  • 原文地址:https://www.cnblogs.com/the-last/p/11462690.html
Copyright © 2011-2022 走看看