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],属性可以不用引号

序列
结合之前的嵌套操作和属性操作, 通过*和emmet语法笔记_自定义属性*3
通过@, 可以改变数字序列的顺序以及基数,如ul>li$@2-*3

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

itememmet语法笔记_嵌套_02数字项
item$KaTeX parse error: Can't use function '$' in math mode at position 11: *5 ---多个$̲前面补零 item$@3*5 …emmet语法笔记_自定义属性_03$$@-3*5