<-- home

emmet插件快捷键语法精粹

官方语法说明


最有用的几个是:

  • > 子级关系
  • + 同级关系
  • * 重复 ul>li*5
  • # id
  • . class
  • [] 属性td[title="Hello world!" colspan=3]
<!-- child -->
div>ul>li
<div>
    <ul>
        <li></li>
    </ul>
</div>


<!-- sibling -->
div+p+foot
<div></div>
<p></p>
<foot></foot>


<!-- 重复 -->
ul>li*5
<ul> 
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>


<!-- # id -->
div#esbtn
<div id="esbtn"></div>


<!-- .class -->
div.navbar
<div class="navbar"></div>


<!-- [] 属性 -->
img[title='pic']
<img src="" alt="" title="pic">