html标签速写

HTML标签速写相关规则

1. div>ul>li

<div>
    <ul>
        <li></li>
    </ul>
</div>
1
2
3
4
5

2. div+div>span

<div></div>
<div>
    <span></span>
</div>
1
2
3
4

3. div>ul^div>span

<div>
    <ul></ul>
</div>
<div>
	<span></span>
</div>
1
2
3
4
5
6

4. ul>li>span^^div

<ul>
    <li>
       <span></span>
    </li>
</ul>
<div></div>
1
2
3
4
5
6

5. ul>li*3

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>
1
2
3
4
5

6. div>(p>span)*3

<div>
    <p><span></span></p>
    <p><span></span></p>
    <p><span></span></p>
</div>
1
2
3
4
5

7. div#main

<div id="main"></div>
1

8. div.content

<div class="content"></div>
1

9. div[class=content title=head]

<div class="content" title="head"></div>
1

10. p.item$*3

<p class="item1"></p>
<p class="item2"></p>
<p class="item3"></p>
1
2
3

11. p.item$$*3

<p class="item01"></p>
<p class="item02"></p>
<p class="item03"></p>
1
2
3

12. p.item$@3*3

<p class="item3"></p>
<p class="item4"></p>
<p class="item5"></p>
1
2
3

13. p.item$@-3*3

<p class="item5"></p>
<p class="item4"></p>
<p class="item3"></p>
1
2
3

14. div#main>div.content>p.item{text1}+p.item{text2}

<div id="main"></div>
  <div class="content">
    <p class="item">text1</p>
    <p class="item">text2</p>
  </div>
</div>
1
2
3
4
5
6

---

点赞 评论 收藏 ~~ 留言讨论，如有错误，也希望大家不吝指出。 ~~ 点赞 评论 收藏