sass,less相关语法

sass,less都是css预处理器,css预处理器是一种专门的语言,可以被编译成正常的css

sass

ruby是开源的服务器端脚本语言
scss后缀名为.scss, sass是用ruby语言编写的,运行scss,必须先安装ruby环境
可以使用koala或者webpack将sass,less编译成css文件

Sass语法

  1. 可以使用 定 义 变 量 如 定义变量 如 size:100px;
  2. 可以进行选择器的嵌套,可以在嵌套的内部使用&表示选择器的继承
  3. 可以使用@extend 类名 继承某个类的样式
  4. 混用:可以传参
  5. 可以写逻辑,if和for循环,不加括号,if和for前面加@

Less

后缀名为,less

Less语法

  1. 声明变量使用@变量名:值
  2. 混入:将定义好的样式引入另一个样式中,类似于函数调用
  3. 继承字体图标的使用

你可能感兴趣的:(前端技术,sass,less)