首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >LESS 学习demo

LESS 学习demo

作者头像
csxiaoyao
发布2019-02-15 16:35:25
4930
发布2019-02-15 16:35:25
举报
文章被收录于专栏:csxiaoyaocsxiaoyao

1 工具

  1. koala
  2. less.min.js

2 demo 目录结构

01-嵌套与命名空间

  • less.min.js 的引入
  • 字符集
  • 注释
  • 引入
  • 嵌套
  • 命名空间
  • 作用域

02-变量(variables)

  • 定义变量
  • 作为选择器和属性名
  • 作为URL
  • 定义多个相同名称的变量

03-混合(mixins)

  • 基本混合
  • 使用() 的不带输出的混合
  • 混合选择器
  • 参数:基本参数
  • 参数:多个参数
  • 参数:多个同名参数
  • 参数:命名参数
  • 返回值
  • extend伪类实现样式的继承使用
  • 参数应用:处理CSS3兼容性问题

04-运算(operations)

  • 优先级
  • 运算规则

05-关键字(important)

  • !important

06-条件表达式(guard)

  • 条件运算符
  • IS函数
  • when 设置条件
  • 多条件

07-循环(loop)

  • 循环应用:栅格系统

08-合并属性(merge)

  • +_

09-父运算符

  • &
  • 多个&&

10-常用函数

  • 字符串函数
  • 数学函数
  • 类型函数
  • 颜色函数
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017年08月10日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1 工具
  • 2 demo 目录结构
    • 01-嵌套与命名空间
      • 02-变量(variables)
        • 03-混合(mixins)
          • 04-运算(operations)
            • 05-关键字(important)
              • 06-条件表达式(guard)
                • 07-循环(loop)
                  • 08-合并属性(merge)
                    • 09-父运算符
                      • 10-常用函数
                      领券
                      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档