vscode极速html开发插件emmet使用-节点 #vscode插件

web前端开发课程：html极速开发插件emmet2.节点。

讲课人：波波老师。

看如何输入一个子元素，子元素使用右尖括号，来演示一下。

·输入一个子元素ul，右尖括号play，可以看到输入了一个无序列表ul，其中有一个子选项ul。

·再来看同级标签，同级标签就是两个标签，它是并列的，一次性的把它输入，这个是使用加号。

·在这里输入一个同级标签div+p，可以看到同时产生了一个div的标签和一个p的标签，它们两个是并列的，所以就叫同级标签。

·接下来看一下上级标签，比如需要输入一个无序列表，然后再返回无序列表同级，输入一个div，就需要使用一个向上的箭头。

·来演示一下上级标签，比如输入一个ul>LI，这时候需要一个同级的，输入6上面这个小箭头，然后给它加一个div，就可以看到输入了ul>LI这样一个无序列表的时候，同时在这又加了一个div。

刚才的上一级是不是有点不好区分？建议大家使用分组的功能，就是把上一级里边的比如无序列表用括号括起来，然后再用一个+div作为同级，这样在逻辑上就清晰了很多。

和刚才相同的功能再用分组来演示一下，把无序列表ul加到这里边，然后再用一个+div回车，取得了和刚才同样的效果。