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>

Leave a Reply

Your email address will not be published. Required fields are marked *