[css] 자동완성연습하기

        div.item.item${items$}*9
        <div class="item item1">items1</div>
        <div class="item item2">items2</div>
        <div class="item item3">items3</div>
        <div class="item item4">items4</div>
        <div class="item item5">items5</div>
        <div class="item item6">items6</div>
        <div class="item item7">items7</div>
        <div class="item item8">items8</div>
        <div class="item item9">items9</div>

div#shadow-test>p*4
   <div id="shadow-test">
        <p></p>
        <p></p>
        <p></p>
        <p></p>
    </div>

ul#weigth-test>li{테스트$}*5
    <ul id="weigth-test">
        <li>테스트1</li>
        <li>테스트2</li>
        <li>테스트3</li>
        <li>테스트4</li>
        <li>테스트5</li>
    </ul>

ul#family-test1.cls
 <ul id="family-test1" class="cls"></ul>