首页 > 代码库 > less&sass
less&sass
参考网站http://www.w3cplus.com/sassguide/syntax.html
* [less中的变量]
* 1.声明变量：@变量名:变量值
* 使用变量：@变量名
*
* >>>>less中的变量类型：
* ①数字类 ：1 10px 字符串：无引号字符串 red 有引号字符串 "haha"
* ②颜色类：red #000000 reb()
* ③ 值列表类型：用逗号或空格分割 10px solid red
*
* 》》》变量使用原则：
* *
*
* 2.混合(MiXins)
* ①无参混合 声明：.name{} 选择器中调用：.name
* ②带参混合
* 无默认值声明：.name(@param){} 调用：.name(parValue);
* 有默认值声明：.name(@param:value){} 调用：name(parValue);parValue可省
* >>>>如果声明时，参数没有默认值，则调用时必须赋值，否则报错!
* >>>>无参混合，会在css中编译除同名的class选择器，有参的不会
*
* 3.less的匹配模式，使用混合进行匹配，类似于if结构
* 声明：.name(条件1，参数){} .name(条件2，参数){} .name(@_，参数){}
* 调用：.name(条件值,参数值)；
* 匹配规则：根据调用时提供的条件值，去寻找与之匹配的“MiXin”执行。其中@_表示永远需要执行的部分
4.less中的运算
* +，-，*，/
* 颜色运算时，红绿蓝分三组计算，组内可进位，组间互不干涉
less&sass
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。