stylus入门使用方法

相关api

nibStylus插件

提供兼容性的写法,可以生成多个兼容的前缀

Nesting(嵌套)

click to edit

选择器

Flexible syntax(灵活的用法)

Flexible &(灵活&)

父级选择器&符号

范围选中

[1..-1]表示从第一个父级节点往前推1个节点。

[-1, 1]表示在父级节点中第-1位置的元素,往后推1个位置

引用

Initial Reference(初始引用)

Relative Reference(相对引用)

Root Reference(根引用)

selector() bif

selector()函数引用,内建函数selector()可以选择最近被编译的选择器中的一个。

selector()后的参数也可以传入多个('.a','.b','.c','.d')表示a下的b的c 的d。

层级嵌套

变量

属性查找(向上查找属性,直到找到相对应的值,如果没有找到返回null

插值

支持用{}来变量插入javascript变量

支持遍历选择器插值,比如说对某个子节点进行选择

操作符

操作运算符优先级

一元运算符(

二元运算符

Range .. …(范围运算符)