码迷,mamicode.com
首页 > 其他好文 > 详细

HBuilder代码快捷键

时间:2018-01-18 10:18:37      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:hbuilder   gpo   sel   填充   ali   输入   post   body   nbsp   

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>      
属性值用[ ]填充,文本内容用{ }填充,*数字:代表生成的元素个数

HBuilder代码快捷键

标签:hbuilder   gpo   sel   填充   ali   输入   post   body   nbsp   

原文地址:https://www.cnblogs.com/zyl-930826/p/8308697.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!