STYLUS-INTERPOLATION(插值)

插值 Stylus通过使用{}包裹表达式来进行插值。例如,-webkit-{‘border’ + ‘-radius’}等同于-webkit-border-radius。 比较典型的例子就是各浏览器私有属性前缀: vendor(prop, args) -webkit-{prop} args ...

STYLUS-VARIABLES(变量)

变量 我们可以声明变量,并在整个样式表中使用: font-size = 14px body font font-size Arial, sans-serif 编译CSS为: body { font: 14px Arial, sans-serif; } 变量甚至可以包含在表达式中...

STYLUS-SELECTORS(选择器)

选择器(Selectors) 缩进 Stylus类似于Python,通过缩进对齐表达代码逻辑,如下所示: body color white 编译CSS为: body { color: #fff; } 如果愿意,你也可以使用冒号分隔符: body color:...

STYLUS-INTRODUCTION(介绍)

CSS 需要英雄 body { font: 12px Helvetica, Arial, sans-serif; } a.button { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 如果我们省略大括号? body ...