sublime-emmet

1.快速生成固定头标签: html:5 然后按tab键就可以生成;

2.添加class/id/文本和属性


  p.foo 按tab键就生成 <p class="foo"></p>
  p.foo#bar 按tab键就生成<p class="foo" id="bar"></p>
  h1{hello} 按tab键生成 <h1>hello</h1>
  a[href=#] 按tab键生成<a href="#"></a>

3.嵌套


  div+h1 按tab键生成<div></div> <h1></h1>同一级标签
  div>span按tab键生成<div><span></span></div>生成嵌套标签
  div>span^按tabj生成
  <div>
    <h1></h1>
  </div> //标准格式
4.分组


  (.foo>h1)+(.bar>h2) 按tab键生成
  <div class="foo">
    <h1></h1>
  </div>
  <div class="bar">
    <h2></h2>
  </div>
5.隐式标签


  Emmet默认是生成div标签,例如: .item 生成 <div class='item'></div>
但是
下面是所有的隐式标签名称:
  li:用于ul和ol中
  tr:用于table、tbody、thead和tfoot中
  td:用于tr中
  option:用于select和optgroup中


6.定义多个元素


  li*6 表示定义了6个li标签
  定义带属性的标签
  li.item$*3 表示定义了3个类名为item1/2/3的li标签

posted @ 2017-04-11 16:51  面包_girl  阅读(114)  评论(0编辑  收藏  举报
/* 鼠标点击文字特效 */