Stylus的特征

• 冒号可选
• 分号可选
• 逗号可选
• 括号可选

基于缩进，空格有重要的意义

Stylus就跟CSS一样，允许你使用逗号为多个选择器同时定义属性。

textarea, input
  border 1px solid #eee

使用新行是一样的效果

textarea
input
  border 1px solid #eee

父级引用

字符&指向父选择器。下面这个例子，我们两个选择器(textarea和input)在:hover伪类选择器上都改变了color值

textarea
input
  color #A7A7A7
  &:hover
    color #000

 等同于：

textarea,
input {
  color: #a7a7a7;
}
textarea:hover,
input:hover {
  color: #000;
}

消除歧义

类似padding - n的表达式可能既被解释成减法运算，也可能被释义成一元负号属性。为了避免这种歧义，用括号包裹表达式：

 

• 变量
• 插值
• 混合书写
• 算术
• 强制类型转换
• 动态导入
• 条件
• 迭代
• 嵌套选择
• 父级参考
• 变量函数调用
• 词法作用域
• 内置函数(>25)
• 内部语言函数
• 压缩可选
• 图像内联可选
• 可执行Stylus
• 健壮的错误报告
• 单行和多行注释
• CSS字面量
• 字符转义
• TextMate捆绑
• 以及其他更多