Try SASS

什么是Sass?

Sass是一种生成CSS的语言,它非常简单和强大。

简单到只要会CSS,就可以立刻上手。唯一需要适应的就是以空格为缩进,虽然两个空格作为一个缩进符,这本身也很简单。

为了帮助你更方便地处理网站中日益复杂的CSS样式文件,它提供了诸如变量、嵌套等编程语言中常用的功能,具体请看下面的四个例子:

> 变量 Sass提供了适合CSS使用到变量类型,如rgb颜色等,并提供了一些常用函数用于处理变量的值

你可以修改左边的代码,然后点击[转换]按钮,右边将会显示出你修改的结果

> 嵌套 嵌套可以使你针对每个网页元素进行样式调整而不会影响到别到元素

你可以修改左边的代码,然后点击[转换]按钮,右边将会显示出你修改的结果

> 模板 在Sass中,你可以自己编写一些常用模板,如多种浏览器下设置透明度的样式,从而方便调用

你可以修改左边的代码,然后点击[转换]按钮,右边将会显示出你修改的结果

> 更多 下面的例子只是没介绍的特点中的一部分,更多内容请阅读Sass手册

你可以修改左边的代码,然后点击[转换]按钮,右边将会显示出你修改的结果