在 Emmet 的缩写语法里,^ 这个小符号也有特殊的意义,它可以让元素往上一个级别,如果使用多个 ^ 符号的话,表示往上多个级别 …
比如这个例子 … dl>dt+dd
它得到的结果就是 dl 元素里有两个子元素, dt 和 dd , dt 和 dd 是兄弟关系 … 如果你想继续添加一个元素,这个元素跟 dl 元素是兄弟关系的话,我们就需要向上一个级别 …
在后面输入一个 ^ … 比如添加一个 div 元素 …
dl>dt+dd^div
这样得到的代码里, dl 元素跟 div 元素是兄弟关系 …
我们再试一个更复杂一点的情况 … 在 dd 元素里添加一个 span 子元素 …
然后我们想再添加一个 div 元素,这个 div 元素要跟 dl 元素是兄弟 …
这样我们就需要向上两个级别 … 所以需要两个 ^ …
如果向上一个级别的话,这个 div 跟 dt 和 dd 是兄弟 … 向上两个级别,这个 div 元素跟 dl 元素就是兄弟元素了 …