SASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。
SCSS即是SASS的新语法,是Sassy CSS的简写,是CSS3语法的超集,也就是说所有有效的CSS3样式也同样适合于SASS。
1.安装:
1.1 默认路径安装ruby,安装后在开始菜单里找到ruby下面的start Command Prompt with ruby,进入DOS界面,输入ruby -v 显示安装成功 1.2 输入gem install sass安装sass,因为墙的厉害,所以不容易安装上 1.3 安装不上就输入gem sources -a http://gems.ruby-china.org/ 这时候sass安装成功2.事件监听: --watch 路径/名称.scss:路径/名称.css 动态改变css Ctrl+c中止 --sourcesmap=none 不要map --style compact 属性的{ }在同一行 --style compressed { }内属性无空格 --style expanded { }内每条属性单占一行,右括号与最后一行在同一行 --style compressed { }内属性无空格 3.解决中文 注释/路径 报错 用Notepad++打开C:\Ruby23\lib\ruby\gems\2.3.0\gems\sass-3.4.22\lib\sass\engine.rb,在第54行加入 Encoding.default_external = Encoding.find('utf-8') 4.语法 http://www.w3cplus.com/sassguide/syntax.html