html的emmet语法

参考:https://blog.csdn.net/wwwwwwwwwwwwdi/article/details/78811818

html:5

  1. 父子关系:>,使用>操作符在内部相互嵌套的标签:
div>ul>li
  1. 兄弟关系:+,使用+操作符将标签处于同一个层级:
div+p+footer
<div></div>  
<p></p>  
<footer></footer>  
  1. 乘法:,使用操作符可以输出多个标签:
div>ul>li*5
  1. 项目编号:,使用∗可以重复的标签,
    可以使标签生成有序列表,输出的值为数字:

ul>li.item$*5

  1. ul>li{$}*9
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
</ul>

ul>li.item${$}*9
<ul>
    <li class="item1">1</li>
    <li class="item2">2</li>
    <li class="item3">3</li>
    <li class="item4">4</li>
    <li class="item5">5</li>
    <li class="item6">6</li>
    <li class="item7">7</li>
    <li class="item8">8</li>
    <li class="item9">9</li>
</ul>
a{Click me}
<a href="">Click me</a>

猜你喜欢

转载自blog.csdn.net/weixin_42995876/article/details/86599805