VsCode内置了Emmet语法,在后缀为.html/.css中输入缩写后按Tab键即会自动生成相应代码。
在新版本中按Tab不再默认启用Emmet展开缩写，需要在首选项配置中将emmet.triggerExpansionOnTab设置为true值。
文件->首选项->设置->搜索emmet.triggerExpansionOnTab->勾选
生成多个相同元素 " * "
在元素中生成文本内容 " { } "
选择器
子级 " > "
同级 " + "
父级 " ^ "
div>p 表示div元素下有一个p元素作为其子元素
p>span 表示p元素下有一个span元素作为其子元素
span^ul 表示ul元素是span元素的父级，但是span元素的父级其实是p元素，所以p元素和ul元素是兄弟元素，两者同级
ul>li 表示ul元素下有一个li元素作为其子元素
括号内优先
首先span是p的子元素
div是括号内元素的父元素
ul是括号内元素的父元素，所以div与ul同级
li是ul的子元素
