Emmet 记录

Refs

熟悉 css 有优势，emmet 的的缩写语法特别像 css 选择器。 =》参考本博笔记

# id

> 直接子元素 child

. class

+ Sibling 同级相邻的一个元素

* 重复次数

{}文本节点 （dom 标签 属性 文本）

$ 计数器 从1开始 CSS比较喜欢offset=1

　　$@- 倒数到1

　　$@N 改变 offset

　　$@-N 倒数到 N

#page>div.logo+ul#navigation>li*5>a{Item $}

<div id="page">

    <div class="logo"></div>

    <ul id="navigation">

        <li><a href="">Item 1</a></li>

        <li><a href="">Item 2</a></li>

        <li><a href="">Item 3</a></li>

        <li><a href="">Item 4</a></li>

        <li><a href="">Item 5</a></li>

    </ul>

</div>

………………………………………………………………………………………………………… Primer

^ climb-up 一个^可以攀一次tree，或者理解成跳一级 Container 或 Context

() grouping 分组隔离出一个完整的 chunk

td[title="type here" colspan=3] 允许我们使用方括号语法 填充属性节点

………………………………………………………………………………………………………………