缩写语法 Emmet 使用类似于 CSS 选择器的语法描述元素在生成的文档树中的位置及其属性。 元素 可以使用元素名(如 div 或者 p)来 生成 HTML 标签。Emmet 没有预定义的有效元素名的集合,可以把任何单词当作标签来生成和使用: div → <div></div> , foo → <foo></foo> 等。 嵌套运算符 嵌套运算符用于以缩写的方式安排元素在生成文档树中的位置:将其放在内部或成为相邻的元素。 子: > 可以使用 > 运算符指定嵌套元素在另一个元素内部: div>ul>li 生成的结果为: <div> <ul> <li></li> </ul> </div> 兄弟: + 使用 + 运算符将相邻的其它元素处理为同级: div+p+bq 生成的结果为: <div></div> <p></p> <blockquote></blockquote> 上升: ^ 使用 > 运算符将会降低所有后续所有元素在生成树中的级别,每一级的兄弟元素也被解析成相同深度的元素: div+div>p>span+em 将生成: <div></div> <div> <p><span></span><em></em></p> </div> 使用 ^ 运算符,能够提升元素在生成树中的一个级别,并同时影响其后的元素: div+div>p>span+em^bq 将生成: <div></div>