Emmet(Zen coding)HTML代码使用技巧七则

2. 带有DOM导航的链式缩写

如果你使用Emmet来扩展简单的class名称生成div的话。这个方式可以帮助你省去大量的时间。你只需要记住如下语法:

> 子节点:在DOM树下一层添加创建一个元素

+ 同级别:在DOM树同一层添加创建一个元素

^ 向上层:向上一层添加创建创建一个元素。

Emmet(Zen coding)HTML代码使用技巧七则,PS教程,

Emmet(Zen coding)HTML代码使用技巧七则,PS教程,

向上一层

Emmet(Zen coding)HTML代码使用技巧七则,PS教程,

如果需要的话你可以向上多层,如下:

Emmet(Zen coding)HTML代码使用技巧七则,PS教程,