Stylus是一个CSS代码预处理器，它使我们能够在文本编辑器中更轻松地工作，下面我将解释我这样说的原因。
我们知道这是一个样式表：
身体{font：12px Helvetica，Arial，sans-serif; } a.button {-webkit-border-radius：5px; -moz-border-radius：5px; border-radius：5px; }
这是用Stylus 创建的同一个样式表：
正文字体12px Helvetica，Arial，无衬线a.button -webkit-border-radius 5px -moz-border-radius 5px border-radius 5px
键盘上的按键呢？分号和冒号都去哪儿了？全都遗忘了。触控笔帮我们搞定了。
如果你刚开始学习CSS和HTML，不建议使用Stylus，因为你可能会忘记它们的实际工作原理。但如果你已经在这个领域工作了一段时间，并且想要节省一些代码和精力……那就试试吧。
Python程序员会发现Stylus与他们习惯的方式非常相似，他们只需要正确缩进即可实现神奇的功能。
安装
要使Stylus正常工作，我们需要安装Node.js，它位于 Community 分支中，所以我们接下来进行安装：
$ sudo pacman -S nodejs
然后我们安装手写笔。 传统方式是：
$ npm install -g stylus
它可以很好地安装，但是对我不起作用，因此从AUR安装起来要容易得多：
$ yaourt -S nodejs-stylus
手写笔的使用方法
好了，我们已经安装了Node.js和Stylus。该如何使用它们呢？很简单。假设我们有一个目录，其中包含以下文件：
-目录-index.html-style.css
我们需要创建style.style文件，我们将要使用的文件就是它。在这个文件中，我们可以添加类似这样的内容：
正文背景颜色#ffff字体大小12px a。按钮颜色红色填充10px
如果我们保存或进行任何更改，都不会发生任何事情，因为我们并没有“编译”文件。要编译它，我们需要在目录（style.styl文件所在的目录）中打开终端并运行以下命令：
stylus -c style.styl
但是每次保存style.styl文件时，我们都必须运行代码，但幸运的是，这并非必要，因为如果我们运行相同的命令，但添加-w（监视）参数，则会发生以下情况：
手写笔-c -w style.styl观看/usr/lib/node_modules/stylus/lib/functions/index.styl编译的style.css观看的style.styl编译的style.css编译的style.css
换句话说，文件会自动编译..结果会是吗？
正文{background-color：#fff; font-size：12px} a.button {color：＃f00; padding：10px}
如您所见，它不仅生成了我们的CSS代码，还删除了不必要的空格，从而减轻了样式表的大小。
不仅如此，Stylus还允许我们将 CSS 文件转换为其格式，而且它的语法用法极其丰富。这仅仅是冰山一角。所以，如果您感兴趣，我鼓励您深入了解Stylus。