SASS学习随笔

  • 要新建一个以.scss结尾的文件,这样才能编译为.css的文件。
  • 嵌套

  1、选择器嵌套:指的是在一个选择器中嵌套另一个选择器来实现继承,从而增强了sass文件的结构性和可读性。

     在选择器嵌套中,可以使用&表示父元素选择器

  2、属性嵌套:指的是有些属性拥有同一个开始单词,如border-width,border-color都是以border开头。

  • 函数

  sass定义了很多函数可供使用,当然你也可以自己定义函数,以@fuction开始。sass的官方函数链接为:sass fuction,实际项目中我们使用最多的应该是颜色函数,而颜色函数中又以lighten减淡和darken加深为最,其调用方法为lighten($color,$amount)darken($color,$amount),它们的第一个参数都是颜色值,第二个参数都是百分比。

  • 运算

  sass具有运算的特性,可以对数值型的Value(如:数字、颜色、变量等)进行加减乘除四则运算。请注意运算符前后请留一个空格,不然会出错。

原文地址:https://www.cnblogs.com/yrrong/p/7448143.html