嵌套操作

  1. 使用 “>” 生成子元素 div>ul>li 按table键:

2.使用符号 “+” 生成兄弟元素 div+p+bq 按table键: 3.使用 “^” 生成父元素,与 “>” 相反 div+div>p>span+em^bq 按table键: 多个^: div+div>p>span+em^^^bq 按table键: 4.使用 “” 操作符生成多个元素 div>ul>li5 按table键: 5.使用 “()” 操作符将元素分组,实现更复杂的简写任务 div>(header>ul>li*2)+footer>p 按table键:

属性操作:

  1. id 与 class 元素与 id 属性值之间用 “#” 分隔,与 class 属性值之间用 “.” 分隔。
    1. 其他属性 使用 [attr] 标记添加其他属性。 注意:
  1. 方括号中可添加任意数量的属性

  2. 不给定属性值,则属性值为""。td[colspan title]将得到 <td colspan="" title=""></td>

  3. 属性值可用单引号或双引号,输出统一为双引号

  4. 如果属性值中没有空格,则引号可省略

    1. 为条目编号 使用 “*” 符号生成的多个元素,可用 “$” 操作符实现从1到 N 自动编号。 li.item$*3 按table键:

可在 “$” 后添加 “@n” 修改编号的起始值为n。 可在 “$” 后添加 “@-” 修改编号的方向

  1. 添加文本

使用花括号 “{}” 操作符为元素添加文本节点。