EMMET

EMMET大全

輸入多元素

h2+hr+p+TAB button

<h2></h2>
<hr />
<p></p>

包覆

div>h2+hr+p+TAB button

<div>
 <h2></h2>
 <hr />
 <p></p>
</div>

div省略

.card>h2+hr+p+TAB button

<div class="card">
 <h2></h2>
 <hr />
 <p></p>
</div>

重複

.card*2>h2+hr+p+TAB button

<div class="card">
 <h2></h2>
 <hr />
 <p></p>
</div>
<div class="card">
 <h2></h2>
 <hr />
 <p></p>
</div>

内有文字

.card>h2{標題}+hr+p{内文}+TAB button

<div class="card">
 <h2>標題</h2>
 <hr />
 <p>内文</p>
</di

重複 + 顯示數字

ul>li{選項$}*6+TAB button

<ul>
 <li>選項1</li>
 <li>選項2</li>
 <li>選項3</li>
 <li>選項4</li>
 <li>選項5</li>
 <li>選項6</li>
</ul>

img内部屬性

img[src=”https://goo.gl/AQjiva”]+TAB button

<img src="https://goo.gl/AQjiva" alt="" width="500" />

跳出上面的父元素

h2>span^h5

<h2><span></span></h2>
<h5></h5>

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *