Hbuilder 代码行快捷方法

    xiaoxiao2021-03-25  69

    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>      

    总结一下:属性值用[ ]填充,文本内容用{ }填充,看完上面大概就明白了,谢谢。

     

    转载请注明原文地址: https://ju.6miu.com/read-36805.html

    最新回复(0)