Pesquisar neste blog

06/07/2024

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>