基于Hbuilder的快捷键使用

1.在body内输入div.box按下tab键

效果：

<div class="box"></div>

---

2.在body内输入div#box按下tab键

效果：

<div id="box"></div>

　　

---

3.在body内输入ul>li{旺财}*3按下tab键

效果：

<ul>
    <li>旺财</li>	
    <li>旺财</li>
    <li>旺财</li>
 </ul>	

---

4.在body内输入div>a[href='#']{小强}*3按下tab键

效果：

<div>
      <a href="#">小强</a>
      <a href="#">小强</a>
      <a href="#">小强</a>
</div>

---

5.在body内输入table>tr*3>td{$}*5按下tab键

效果：

<table>
	<tr>
	    <td>1</td>
	    <td>2</td>
	    <td>3</td>
	    <td>4</td>
  	    <td>5</td>
    </tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
		<td>5</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
		<td>5</td>
	</tr>
</table>

 

---

6.在body内输入select>option{$}*5按下tab键

效果：

<select name="" id="">
     <option value="">1</option>
     <option value="">2</option>
     <option value="">3</option>
     <option value="">4</option>
     <option value="">5</option>
</select>   

　　

 

---

7.在body内输入select>option[value=‘序号’]{$}*5>a[href=’#’]{编号}按下tab键

效果：

<select name="" id="">
      <option value="序号">1<a href="#">编号</a></option>
      <option value="序号">2<a href="#">编号</a></option>
      <option value="序号">3<a href="#">编号</a></option>
      <option value="序号">4<a href="#">编号</a></option>
      <option value="序号">5<a href="#">编号</a></option>
</select>

　　

• 属性值用[ ]填充，文本内容用{ }填充，*数字：代表生成的元素个数