bsp body class 快捷鍵 填充 left log 數字 str

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代碼快捷鍵