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