emmet简单记录

一、引式符号

html:5 or  !

　　. class

#  id

[]标签内属性 pycharm不支持

　  {}标签的内容 pycharm不支持

　（）分组标签  pycharm不支持

　　

二、关系符号

　　1、>

　　ul>li

　　2、+ 同级

　　　h2+h3

　　3、^ 上级元素   分离(pycharm中没法执行)

　　　　ul>li^p表示和ul同级  ，相当于cd .  回到li的上级

　　4、* 同级多少个元素

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

　　div>ul>li.a表示

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

　　5、$ 数字通配符  @-表示倒序

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

四、占位标记

　　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表示输出四个字