emmet简单记录

it2025-02-01  7

一、引式符号

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

 

 

  

 

转载于:https://www.cnblogs.com/xiaopi-python/p/7826048.html

最新回复(0)