emmet簡單記錄

1、引式符號

    html:5 or  !

　　. class

     #  id

     []標籤內屬性 pycharm不支持

　  {}標籤的內容 pycharm不支持

　（）分組標籤  pycharm不支持

　　

2、關係符號

　　一、>

　　ul>li

　　二、+ 同級

　　　h2+h3

　　三、^ 上級元素   分離(pycharm中無法執行)

　　　　ul>li^p表示和ul同級  ，至關於cd .  回到li的上級

　　四、* 同級多少個元素

　　ul>li*5表示五個li元素

　　div>ul>li.a表示

<div>
        <ul>
            <li class="a"></li>
        </ul>
    </div>

　　五、$ 數字通配符  @-表示倒序

       div>ul>li.a$@-*5

4、佔位標記

　　lorem 隨機佔位符

　　p*4>lorem

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet fugit molestias pariatur quae repudiandae. A alias
        architecto asperiores, aspernatur at commodi, dignissimos doloremque fuga illum laborum quae sapiente, similique
        suscipit!</p>
    <p>Alias, asperiores at beatae dolores eum excepturi ipsa obcaecati pariatur placeat rem repellendus reprehenderit
        repudiandae saepe sequi tempora temporibus unde voluptate? Adipisci aliquid consectetur deserunt dicta nam non
        quos totam.</p>
    <p>Atque fugiat provident soluta tenetur, vitae voluptatem voluptatibus? Aliquid, atque autem dolorem eligendi, eos
        error esse fugit magni neque nihil odio officia possimus quae quas quis repellendus unde, ut veritatis?</p>
    <p>Dolor earum ipsam provident quae quos? Amet at ducimus enim et nobis omnis possimus tempore, ut voluptate
        voluptatum. Amet, dolorem doloremque excepturi explicabo iure obcaecati possimus qui quos! Esse, totam?</p>

 　　lorem還有一個用法就是lorem後面加數字 好比 lorem3表示輸出三個值，lorem4表示輸出四個字