less学习笔记-阿里云开发者社区

开发者社区> 狐狸家的鱼> 正文

less学习笔记

简介: 1.变量的作用域只在当前文件有用,当想使用其他文件的时候,@import "style.less" @{变量名}:字符串插入变量 2.Mixins-混入 ,类似函数模式匹配中,@_可以匹配任何值注意:a、mixins 名称前都要加.
+关注继续查看

1.变量的作用域只在当前文件有用,当想使用其他文件的时候,@import "style.less"

@{变量名}:字符串插入变量

2.Mixins-混入 ,类似函数
模式匹配中,@_可以匹配任何值
注意:
a、mixins 名称前都要加. 或者 #
b、mixins没有参数传递时,括号可以省略
c、arguments可以不使用参数 内置变量@arguments代表所有参数(运行时)的值
在参数没有默认值的前提下使用@arguments调用时必须赋值,否则会导致整个页面内的less出错而失效

3.函数 运算
less可以使用运算符进行计算(注意:运算符两边必须要有空格)
颜色是可以进行计算的(如:加或减)
4.嵌套 继承

嵌套:一级一级的写

命名空间(类似继承)

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
fbh
less学习-带参数混合
在 LESS 中,你还可以像函数一样定义一个带参数的属性集合: .border-radius (@radius) { border-radius: @radius; -moz-border-radius: @ra...
740 0
fbh
less 学习-变量
很容易理解: @nice-blue: #5B83AD; @light-blue: @nice-blue + #111; #header { color: @light-blue; } 输出: #header {...
679 0
有序列表|学习笔记
快速学习有序列表
19 0
这个知识点不错,,学习一下先。。。无状态服务(stateless service)(转)
这样的应用,显得高级一些哟~~:) +================== http://kyfxbl.iteye.com/blog/1831869 ========================== 一、定义 无状态服务(stateless service)对单次请求的处理,不依赖其他请...
764 0
生产中的 Serverless 机器学习流水线
本文定义了生产环境中对机器学习流水线的要求,提供了基于阿里云函数工作流 (FnF),函数计算 (FC) 结合容器服务 K8s 实现 Serverless ML Pipeline 的解决方案。通过分析得出结论:该方案可以提高研发效率,优化运维和经济成本,帮助 ML 更快产生商业价值。
3384 0
30
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载