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へびさん