Hbuilder快速入门

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>      
总结一下:属性值用[ ]填充,文本内容用{ }填充,看完上面大概就明白了,谢谢。
--------------------- 
作者:me_liy 
来源:CSDN 
原文:https://blog.csdn.net/heyfll/article/details/61647205 
版权声明:本文为博主原创文章,转载请附上博文链接!

猜你喜欢

转载自blog.csdn.net/songt1122/article/details/83625936