选择器(Selectors):
缩排:
Stylus的空格有重要的意义,我们使用缩排和凹排代替花括号”{“以及”}”
上面代码就对应于
如果你喜欢,你可以把冒号加上,用做分隔,便于阅读
规则集:
Stylus就跟CSS一样,允许你使用逗号为多个选择器同时定义属性
使用新行是一样的效果
等同于
父级引用:
字符”&”会指向当前样式所在的大括号外的标签
下面这个例子,我们两个选择器(textarea和input)在:hover伪类选择器上都改变了color值
等同于
等价于
下面这个例子,IE浏览器利用了父级引用以及混合书写来实现2px的边框
其变身后面目
“&”符号会找到”box-shadow”的作用对象,也就是”#login”,给它添加”border”的样式
消除歧义:
类似padding - n的表达式可能既被解释成减法运算,也可能被释义成一元负号属性。为了避免这种歧义,用括号包裹表达式
编译为
然而,只有在函数中才会这样(因为函数同时用返回值扮演混合或回调)。
例如,下面这个就是OK的(产生与上面相同的结果)