Zen_coding表达式规则

最新推荐文章于 2017-05-22 09:07:21 发布

最新推荐文章于 2017-05-22 09:07:21 发布 · 119 阅读

本文介绍了一种使用Zen Coding插件配合Notepad++进行HTML高效编码的方法，包括元素名称、ID、类名的快速定义，以及子代、兄弟元素的组合方式，通过简洁的语法实现复杂的HTML结构。

装了notepad++，插了zen_coding，发现了一种新的html写法。

E
元素名称(div, p);
E#id
使用id的元素(div#content, p#intro, span#error);
E.class
使用类的元素(div.header, p.error.critial). 你也可以联合使用class和idID: div#content.column.width;
E>N
子代元素(div>p, div#footer>p>span);
E+N
兄弟元素(h1+p, div#header+div#content+div#footer);
E*N
元素倍增(ul#nav>li*5>a);
E$*N
条目编号 (ul#nav>li.item-$*5);