当前位置:首页 > 开发代码

Hbuilder快速书写代码技巧

小强的家   发布时间:2019-04-22   

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

效果:<divclass="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>

                 <ahref="#">小花</a>

                 <ahref="#">小花</a>

                 <ahref="#">小花</a>

        </div>

5.在body内输入select>option{$}*5按下tab键

效果:<select name="" id="">

                 <optionvalue="">1</option>

                 <optionvalue="">2</option>

                 <optionvalue="">3</option>

                 <optionvalue="">4</option>

                 <optionvalue="">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快速书写代码技巧评论(共有 0 条评论)

我要点评Hbuilder快速书写代码技巧
用户名: 密码: (游客无需填写密码)

验证码: 看不清楚,点击刷新 (如果提示验证码过期,请点击验证码刷新。)
【提交后需要审核】