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] 允许我们使用方括号语法 填充属性节点

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