E 代表HTML标签。
E#id 代表id属性。
E.class 代表class属性。
E[attr=foo] 代表某一个特定属性。
E{foo} 代表标签包含的内容是foo。
E>N 代表N是E的子元素。
E+N 代表N是E的同级元素。
E^N 代表N是E的上级元素。
html:5 => 将生成html5标准的包含body为空基本dom
div{这是一段文本} => <div>这是一段文本</div>
div.test  => <div class="test"></div>
div#pageId => <div id="pageId"></div>
div.test1.test2.test3 => <div class="test1 test2 test3"></div>
a[href='#' data-title='customer' target='_blank'] => <a href="#" data-title="customer" target="_blank"></a>
div#pageId>ul>li  子类
div#pageId+div.child 同级
div>p.parent>span.child^ul.brother>li 中间使用 ^ 返回父级
div>(ul>li+span)>a 使用分组，将 （） 与 a 变成同级
ul>li*3 输出 3 次 li
ul>li.item${item number:$}*3 , $ 从 1 开始，输出 3 次
ul>li.item$@-*3 从大至小生成 3 次，3 -> 1
ul>li.item$@-10*3 @ 后指定初始数值， 从 10 开始输出 3 次, @后使用 +- 指定升序或是降序
lorem 输出一段随机文字
lorem10  输出 10 个单词

https://www.cnblogs.com/pomelos7ca/p/6944215.html