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>      
屬性值用 [ ]填充,文本內容用 { }填充,*數字:代表生成的元素個數


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM