VSC html auto complete(Emmet)

link:css

<link rel="stylesheet" href="style.css">

li>a*4

<li>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
</li>

div.container>div.item.item${$}

<div class="container">
        <div class="item item1">1</div>
        <div class="item item2">2</div>
        <div class="item item3">3</div>
        <div class="item item4">4</div>
        <div class="item item5">5</div>
        <div class="item item6">6</div>
        <div class="item item7">7</div>
        <div class="item item8">8</div>
        <div class="item item9">9</div>
        <div class="item item10">10</div>
    </div>   

(li>a)*4

<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>

div>span+p

<div>
    <span></span>
    <p></p>
</div>

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

<div>
    <header>
        <ul>
            <li></li>
            <li></li>
        </ul>
    </header>
    <footer>
        <p></p>
    </footer>
</div>

p>lorem
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda laborum, fugiat ab porro ratione alias obcaecati tempora? Cumque consequatur dolores quis similique reiciendis, voluptas maiores assumenda, libero quod odio obcaecati?</p>

p>lorem4
<p>Lorem ipsum dolor sit.</p>

p>lorem*4
<p>
    <span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo explicabo velit beatae. Molestiae natus, vitae neque saepe reiciendis eius distinctio, voluptates provident incidunt deserunt rerum aliquam illo eos nulla aliquid.</span>
    <span>Suscipit nihil ducimus excepturi aspernatur eveniet unde, labore at possimus veniam pariatur voluptatibus corporis error id, neque nisi. Repudiandae debitis obcaecati provident aperiam rerum, numquam dolorum deleniti fuga consequuntur temporibus!</span>
    <span>Delectus eius voluptates fugit doloremque, reprehenderit autem dolorem quibusdam possimus dicta doloribus voluptatem excepturi tenetur provident quasi, aperiam iste incidunt labore consequatur. Eveniet at ipsam quod sunt molestiae quaerat autem.</span>
    <span>Magni culpa non nulla harum fugiat adipisci error inventore? Excepturi atque obcaecati inventore ipsam sed voluptates iure? Iste saepe asperiores in aspernatur atque dignissimos, nemo illo commodi maxime optio deserunt.</span>
</p>



header+section.player+section.info+section.UpNext

<header></header>
<section class="player"></section>
<section class="info"></section>
<section class="UpNext"></section>