Emmet 的代码缩写形式有点像 CSS 的选择器。比如在元素里面添加一个子元素,使用的符号是大于号。使用 + 号,我们可以用来表示元素的兄弟关系。
比如我们需要一个 h3 元素,这个元素有一个段落类型的兄弟元素 …
h3+p … 按下 tab 键 …
得到的代码结构就是 h3 和 p 是兄弟关系 … 因为它们在同一个级别上 …
dl
组合之前介绍的添加元素子元素的大于号 … 一个Definition lists ,也就是 dl 元素下面有两个子元素 … dt 还有 dd … dt 和 dd 的元素是兄弟 …
输入 dl>dt+dd …
dt 是定义词汇的名字, dd 是词汇的描述或者解释 …
这个表达式也有个简单形式 … dl+