大家都知道,在css中是不可以定义变量。原因是css不是编程语言。不像其他语言一样定义变量,方法来重用。还好sass给重构人员带来了福音。简单的说sass是css的升级版。他可以自定义变量,可以有if语句,嵌套功能,逻辑运算等等。下面我们就开始sass之旅吧。
    1、什么是sass
    sass是css开发工具。提供便利写法。节省了开发时间。变得简单高效可维护。
    2、安装
    (1)sass是ruby语言写的。但两者语法没有关系。不懂ruby,一样使用。只是 要用sass,必须先安装ruby再安装sass。
    (2)直接去https://www.ruby-lang.org下载ruby 。 rubyindtaller.exe安装文件进行安装。
    (3)安装ruby完后,打开”开始菜单->运行” 或 按 win+R ,输入命令 gem install sass 开始安装sass。
    (4)如命令有误,不能安装。请参考下图,

    代码转换地址:www.sassmeister.com