如果觉得 sass 用起来不是很习惯，试试 compass 吧。以前 css 没有组件化的概念，现在有了 sass ，css 开发上升了一个台阶，之后出现了 compass ，css 开发彻底解放，步入组件化时代。
学习 Compass 还是应从官方文档看起。
Compass安装
安装之前，需要安装 Ruby 环境和 gem，具体见Ruby官网
开始安装 Compass ：
$ gem install compass
查看安装后的版本：
$ compass version
如果安装最新的预览版本：
$ gem install compass --pre
其中 sass 会和 Compass 一起安装
创建项目
有了 Compass 就可以开始创建项目了:
$ compass create <project>
项目文件夹自动生成，里面有 sass 文件的存放目录、编译后生成的 css 目录 stylesheets 和项目的配置目录 config.rb
配置
在 config.rb 文件中配置项目所需内容
在这里我们可以配置项目目录的各个部分，常用的如下：
- http_path
服务器目录
- sass_dir
sass 存放目录
- css_dir
被编译的 css 文件存放目录
- images_dir
图像文件的存放目录
- javascript_dir
js 文件的存放目录
- enviroment
配置开发环境，默认为 :development 开发模式，最终上线可以改为 :production
生产模式
- output_style
配置输出模式，即最终编译出来 css 的格式。可以是 :nested 、:expanded 、:compact 、:compressed 中的一种。你可以这样设置：
output_style = (environment == :production) ? :compressed : :expanded
- preferred_syntax
配置 :scss 或 sass 模式，默认为 :scss 模式
- 引入Compass模块
require <plugin>
可以引用Compass的内置模块和外部模块
关于配置项还有很多，这里就不罗列了，具体见官方文档Compass配置
编译
正常编译：
$ compass compile
生产模式编译(压缩代码)：
$ compass --production
监听项目改动，自动编译:
$ compass watch
模块
Compass 封装了丰富的模块，可以随时调用，下面是核心的几个模块：
- Brower Support模块
@import 'compass/support'
- CSS3模块
@import 'compass/css3'
- Layout模块
@import 'compass/layout'
- Reset模块
@import 'compass/reset'
- Typography模块
@import 'compass/typography'
- Utilities模块
@import 'compass/utilities'
官方文档关于模块的详细介绍，倘若能够用起来，想必是极好的
小结
我也是初学者，关于这方面只能看着官方文档来总结。尽快把 Compass 投入到开发中去，是提高效率不错的选择