Hbuilder快速代码编写技巧

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

效果:

<div class="abc"></div>

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

效果:

<div id="abc"></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内输入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>  

 

6.在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> 

总结一下:属性值用[ ]填充,文本内容用{ }填充,看完上面大概就明白了,谢谢。

posted @ 2024-04-26 03:26  落花之语  阅读(170)  评论(0编辑  收藏  举报