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],属性可以不用引号
序列
结合之前的嵌套操作和属性操作, 通过*和*3
通过@, 可以改变数字序列的顺序以及基数,如ul>li$@2-*3
文字
{}: 通过大括号(curly braces)在元素中插入文字, 如a{Click me}:
注意 a{click}+b{here} 和 a>{click}+b{here} 的区别:
item数字项
item$KaTeX parse error: Can't use function '$' in math mode at position 11: *5 ---多个$̲前面补零 item$@3*5 …$$@-3*5