想象一下，你刚刚发布了一篇博文，并分享到了社交网络。然后，这篇文章恰巧被大V看中再次分享了出去，立即吸引了数百粉丝的目光，引导他们涌入了你的网站。看到这么多的访客量，以及它们的评论，你内心激动不已。突然之间，你的网站就挂掉了，满屏的数据连接错误……或者假想另一种情境，你一直很努力地创业。突然有一天，一个大V在社交网络表达了对贵公司的喜爱之情，字里行间满满的赞叹。关注这个大V的粉丝心动了，又涌入了你的网站。不幸的是，点击连接后却无法进入你的网站，或者进入后无法注册用户，甚至页面相应超时，无法获取产品的序列号。尽管你在社交网络上对此非常诚恳的表达了歉意，但众多的浏览者都不会再有兴趣。

在最近的一个 CSS 见面会上，我向与会者提问，“有人会在日常的工作流中使用 Sass 吗？”回答结果压倒性的表示肯定——保守谨慎地使用 Sass 已经成为过去式。Sass 正迅速成长为编写 CSS 的标准方式。这真是难得的好消息！Sass 包含了诸多 CSS 规范未定义的特性，比如变量、控制指令、混合宏等。这些特性赋予了开发者强有力的工具，以应对复杂和持续更迭的样式表。Sass 的灵活性和健壮性，也足以实现开发者天马行空的创意思维。

为了应对项目开发中不断增长的复杂度和整体规模，开发者有必要使用恰当的逻辑，规划 Sass 文件的结构层次。遵循公认的编程规范，有助于开发者快速融入大型项目或团队的开发流程。下面就详细解析流行框架的结构层次。

在理清制作固定背景的反相效果后，我脑海中自然而然地想到了，使用 Sass 让不支持滤镜的浏览器实现这种效果。Sass 本身存在一个 invert 函数，但是只能模拟出 filter: invert(100%) 的效果。我们的目标是适用于任意比例。

仅仅在 Sass 3.3 发布几个月后，官方就放出了 3.4 版本 —— “Selective Steve”。虽然名字有点怪异，但却很准确，因为新版本的诸多特性就是关于选择器的。

有些天真的看法认为， CSS 看起来很容易理解——它没有繁多的编程结构，并且还只是一种用来描述 DOM 外观的声明式语法，而不是一种可执行语言。非常具有讽刺意味的是，功能性的缺失恰让 CSS 难以推断其效果。此外，在选择器所处位置及其处于执行状态时，开发者是不能添加脚本的，从长远来看这也增加了使用 CSS 的风险。

Phil Karlton 认为，在计算机科学中，最大的难题之一就是：命名。这一问题在给变量命名时显得尤为突出。目前，通过使用变量处理颜色、断点和字体大小，是一个很棒的实践。更进一步，你也可以通过使用 SASS Maps 和混合宏生成动态类名。这种方式在不影响用户视觉体验的基础上，还能让你的工作更有效率。

Sass 是一个非常强大的工具，我们很多人仍在研究它的极限。我们能用它做什么，我们又能将它发挥出多大的能量？在Hugo Giraudel抛出他的想法之后，我也非常兴奋地有一个想法——2D 图形引擎。这看上去令人困惑，因为 CSS 的缘故，Sass 早已是图形领域的一部分。其实这并非是为了内容而设计样式，我想利用 Sass 一个像素一个像素地渲染图像。

做为前端人员，应该有碰到类似这样的项目，在同一套的结构与内容的基础上实现不同皮肤效果。那么今天这篇译文就是介绍如何使用Sass帮助你更好、更简单的编写个性化主题样式。我并不介意你是否立即阅读本文,如果你把它加入收藏夹，并且在大脑中留有印象会更好。

你是否一直想学Sass，但却始终没有行动？你是否是Sass的使用者，但却感觉自己只是多了一个工具？那么请继续读下去，让我们一起重温Sass的特性和另外一些很酷的东西吧。Sass (Syntactically Awesome Style Sheets)是一个CSS预处理器。Sass与CSS关系就像CoffeeScript与Javascript关系。它通过添加标记到样式表中，帮助我们更轻松惬意的书写CSS。