Emmet記法 ネスト演算子

省略記法を展開するショートカットキー

OS:Windows Editor:Netbeans（デフォルト）の場合

Ctrl+Alt+N

要素を作成する

div

<div></div>

script

<script></script>

ul

<ul></ul>

など

兄弟要素を作成する

+でつなげる

div+div+p

<div></div>
<div></div>
<p></p>

子(子孫)要素を作成する

> で繋げていく

div>span

<div><span></span></div>

div>span>em

<div><span><em></em></span></div>

上の階層にさかのぼる

^でさかのぼる

div+div>span>em^^p

<div></div>
<div><span><em></em></span></div>
<p></p>

グループ化する

括弧()を使い、グループ化する

div+(div>span>em)+p

<div></div>
<div><span><em></em></span></div>
<p></p>

同じ要素を複数作成する

アスタリスク(*)で乗算する

ul>li*3

<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>

byへびさん