Atalhos de comandos em HTML5

1. div(header>ul>li*3)+section+footer>p

<div></div>

<header>

    <ul>

        <li></li>

        <li></li>

        <li></li>

    </ul>

</header>

<section></section>

<footer>

    <p></p>

</footer>

2. div(header>ul>p*2>li*5)+section+footer*2>p+(div*2)

<div></div>

<header>

    <ul>

        <p>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </p>

        <p>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </p>

    </ul>

</header>

<section></section>

<footer>

    <p></p>

    <div></div>

    <div></div>

</footer>

<footer>

    <p></p>

    <div></div>

    <div></div>

</footer>

4   .div$*4

<div class="div1"></div>

<div class="div2"></div>

<div class="div3"></div>

<div class="div4"></div>

5.    .div*4

<div class="div"></div>

<div class="div"></div>

<div class="div"></div>

<div class="div"></div>

6.    .div*5>p

<div class="div">

    <p></p>

</div>

<div class="div">

    <p></p>

</div>

<div class="div">

    <p></p>

</div>

<div class="div">

    <p></p>

</div>

<div class="div">

    <p></p>

</div>

7.   .div$*4>(p$)

<div class="div1">

    <p1></p1>

</div>

<div class="div2">

    <p2></p2>

</div>

<div class="div3">

    <p3></p3>

</div>

<div class="div4">

    <p4></p4>

</div>