emmet语法笔记

emmet是什么？
emmet 的前身就是zen coding，是一种快速编辑html，css的工具。

嵌套操作

: Child —div>div
+: Sibling —div+div
^: Climb-up(返回到上级) —div^div
:重复 — div5
(): 分组，如 (header>ul>li*2)+footer>p

属性操作
ID和Class，如div#header.class1.class2.class3
也可以自定义属性，如td[title=“hello” colspan=3]，属性可以不用引号

序列
结合之前的嵌套操作和属性操作, 通过*和$可以输出数字序列,如ul>li.item$*3
通过@, 可以改变数字序列的顺序以及基数，如ul>li$@2-*3

文字
{}: 通过大括号(curly braces)在元素中插入文字, 如a{Click me}:
注意 a{click}+b{here} 和 a>{click}+b{here} 的区别:

item$\ast 5---$数字项
item$KaTeX parse error: Can't use function '$' in math mode at position 11: *5 ---多个$̲前面补零 item$@3*5 …$@3\ast 5item$$$@-3*5