sublime中Emment插件用法

Posted 2020-12-27 zidian1983

---恢复内容开始---

注：所有命令生效按Tab

 

搭建框架：
html:5

嵌套操作，
1 使用>生成子元素
div>ul>li
tr>td *3 生成三个td标签

2、使用“+”生成兄弟元素
div+p+h1
<div>
<p>
<h1>

3、使用^生成父元素
div>p>span+h1^a
<div>
　　<p>
　　　　<span></span>
　　　　<h1></h1>
　　</p>
　　<a href=""></a>
</div>

4.使用“()”将元素分组（可以一次创建页面框架）
div>(header>ul>li*2)+footer>p
<div>
　　<header>
　　　　<ul>
　　　　　　<li></li>
　　　　　　<li></li>
　　　　</ul>
　　</header>
　　<footer>
　　　　<p></p>
　　</footer>
</div>

属性操作（#表示id . 表示class）
div#header+div.page+div

使用[]标记其他属性
td[title=‘hello‘ colspan=3]

使用$符号实现1到n的自动编号
li.item$*3
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
可以在$后面添加@n 修改编号的起始值
[email protected]*3
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>

可以使用{}添加文本内容
a[href=me.html]{click me}
<a href="me.html">click me </a>

---恢复内容结束---