向上级别 ^

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在 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 元素就是兄弟元素了 …

向上级别 ^《 Emmet:HTML 与 CSS 缩写 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点