混合器使用@mixin标识符定义。然后就可以在你的样式表中通过@include来使用这个混合器,放在你希望的任何地方。
混合器中的css规则 混合器中不仅可以包含属性,也可以包含css规则,包含选择器和选择器中的属性
给混合器传参 混合器并不一定总得生成相同的样式。可以在@include混合器时给混合器传参,来定制混合器生成的精确样式
默认参数值 为了在@include混合器时不必传入所有的参数,我们可以给参数指定一个默认值。参数默认值使用$name:defalut-value声明形式
选择器继承高级用法 是说一个选择器可以继承为另一个选择器定义的所有样式。这个通过@extend语法实现
选择器继承的高级用法 不只是对类的继承,最常用的一种高级用法是继承一个html元素的样式
sass数据类型
数字
字符串 包含有引号和无引号
颜色
布尔值 true false
空值 null
数组 list 用空格或者逗号作分隔符
maps 就是键值对 key:value
算数运算符号 +-*/%
/有三种方式情况下,作为算数运算符使用
值在变量中使用 () 在算术表达式中
插值语句使用 #{}
算数运算的时候加上括号优先级高先执行
比较运算 ><≥≤ == != 判断结构为布尔值
颜色值运算 也就是两位数的相加
常用内置函数
再有引号的文本字符串中使用 #{}插值语句可以添加动态的值
字符串运算 如果是带引号+没带引号 (左边的就是结果)否之相反
插值语句 通过#{}插值语句可以在选择器或属性值中使用变量
定制按钮 混合器声明形参判断一下是否添加样式 然后混合器使用传递实参 (方便后期修改和维护)