Zen HTML Selectors
E#name
div#name
<div id="name"></div>
E.name
div.name
<div class="name"></div>
div.one.two
<div class="one two"></div>
div#name.one.two
<div id="name" class="one two"></div>
E>E
head>link
<head>
<link/>
</head>
table>tr>td
<table>
<tr>
<td></td>
</tr>
</table>
ul#name>li.item
<ul id="name">
<li class="item"></li>
</ul>
E+E
p+p
<p></p>
<p></p>
div#name>p.one+p.two
<div id="name">
<p class="one"></p>
<p class="two"></p>
</div>
E[attr]
Added in v0.6
p[title]
<p title=""></p>
td[colspan=2]
<td colspan="2"></td>
span[title="Hello" rel]
<span title="Hello" rel=""></span>
E|filter
Added in v0.6
p.title|e
<p class="title"></p>
Read Filters for more info
E*N
p*3
<p></p>
<p></p>
<p></p>
ul#name>li.item*3
<ul id="name">
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
</ul>
E*N$
p.name-$*3
<p class="name-1"></p>
<p class="name-2"></p>
<p class="name-3"></p>
select>option#item-$*3
<select>
<option id="item-1"></option>
<option id="item-2"></option>
<option id="item-3"></option>
</select>
E+
ul+
<ul>
<li></li>
</ul>
table+
<table>
<tr>
<td></td>
</tr>
</table>
dl+
<dl>
<dt></dt>
<dd></dd>
</dl>
分享到:
相关推荐
emmet(zen-coding) For Eclipse 项目链接:https://github.com/emmetio/emmet-eclipse 由于官方提供的eclipse site 上的版本不兼容老版eclipse(我用的是helios)所以就自己编译了个,亲测可用,没改任何源码,不嫌...
NULL 博文链接:https://indiff.iteye.com/blog/1104668
NULL 博文链接:https://vb2005xu.iteye.com/blog/1559649
zen coding插件方便简洁,输入代码关键字即可实现完整排版。极为方便
notepad++的python版zen coding插件,直接把下载的dll放到notepad++下的plugins文件下就可以使用(需要python环境)。
Sublime Text 2插件包zen coding--免费下载zen coding Sublime Text 2插件包
zen-coding for Dreamweaver CC插件,adobeCC系列软件已经改用zxp后缀的扩展程序,所以在安装此插件之前请确保你已经安装Adobe Extension Manager CC。
快速写代码,是一个很好的工具,对于开发者来说是如虎添翼。
大家都知道zencoding,现已更名为emmet,但是不知道为什么我下最新的emmet不能用,还是用回2011年的zen-coding。这个手册是别人给的。目前我只会用zen-coding的"ctrl+e"。
EditPlus中zen_coding_epp.js插件
Zen Coding由两个核心组件组成:一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器。 http://code.google.com/p/zen-coding/ https://github.com/lorenzos/ZenCodingNetBeansPlugin
zen coding 代码补全 Notepad++版本
vim的zenCoding插件,能显著提高前端开发效率。
autoload三个文件夹放到相应文件夹下。然后在vim中输入helptags /etc/vim/doc 导入帮助文件.就OK了。 zencoing可以很方便的写html,一些常用命令:
CSS-On-Diet - 简单快速的 CSS 预处理器这是适用于 Mac、Linux 和 Windows 的 Sublime Text v2 和 v3 的包。 是一个预处理器。 它的工作原理类似于 ,但在 CSS 级别上。 该套餐包括: 语法高亮构建系统预处理器本身...
Netbeans 使用 Zen Coding 提高HTML+CSS编写效率
相信大家现在已经对zen coding有些熟悉了,甚至不少人已经在项目中熟练使用它了,自从我们发表介绍zen coding的文章以来,zen coding已经改进很大,也有些比较有用的资源更新,在这里我就share给大家:
notepad++ 密码是1 zencoding插件
zenCoding从其它地主转载而来。集成的ZenCoding压缩包