快速参考
以下是支持的特性:
ele creates an HTML element tag
展开一个HTML元素标签 # creates an id attribute
作用于元素标签,展开一个id属性 . creates a class attribute
作用于元素标签,展开一个类属性,一个标签可以跟多个类属性,最终展开会一起呗加入class属性中 [] creates a custom attribute
作用于元素标签,展开一个HTML元素标签的属性,可以是任意非标准属性名称,写法同CSS选择器。 > creates a child element
作用于元素标签或组,紧跟展开一个子元素标签或组,参考CSS选择器 + creates a sibling element
作用于元素标签或组,紧跟展开一个兄弟元素标签或组,参考CSS选择器 ^ climbs up
作用于元素标签或组,紧跟的元素标签或组爬升到上一个层级 * is element multiplication. This creates the same thing n number of times
作用于元素标签或组,展开重复次数,后面跟一个数字。 $ is replaced with an incremental number
配合*使用,代表拷贝的序号 $$ is used for numbers with padding
序号占位,用0填充 {} creates text in an element
展开为文本 () as a group
将标签组作为一组,可嵌套。
ID和类属性:#and.
- div#contentRegion.address
登录后复制
自定义属性:[]
- div[title]
登录后复制
也可以包含属性值
- input[placeholder="Name" type="text"]
登录后复制
子组:>
- div#menu>span.item[title]
登录后复制
兄弟组:+
- footer>div>a+input
登录后复制
爬升:^
- footer>div>a+input^p
登录后复制
重复次数:*
- ul>li*4>span
登录后复制
重复序号:$
- section>article.item$$*4
登录后复制
文本:{}
- ul>li*4>span{Caption $$}
登录后复制Caption 01 Caption 02 Caption 03 Caption 04
组:()
登录后复制