博客列表 >Emmet 8种语法

Emmet 8种语法

手机用户7232767
手机用户7232767原创
2022年11月08日 11:23:05243浏览

1.标签与内容
{默认标签div}

2.属性
[id]
.

<div class="title"><title></title></div>
<div class=""></div>
<div id=""></div>

3.重复
*
<div class="container">box</div>
<div class="container">box</div>
<div class="container">box</div>
<div class=""></div>
<div class=""></div>
<div class=""></div>
4.父子
>

<ul>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
</ul>

5.兄弟
+

<h3></h3>
<p></p>

6.父级
^
<div class=""></div>
<h3></h3>

  1. <div class="box"><span>text</span></div>
  2. <h3></h3>

7.分组
()
<nav>
<h3>导航</h3>
<ul>
<li><a href="">link</a></li>
<li><a href="">link</a></li>
<li><a href="">link</a></li>
<li><a href="">link</a></li>
<li><a href="">link</a></li>
</ul>
</nav>

8.序号
默认起始1$,
自定义起始$@,
逆序自定义$@-

<ul>
<li>item1</li>
</ul>
<ul>
<li>item5</li>
<li>item6</li>
<li>item7</li>
<li>item8</li>
</ul>
<ul>
<li>item5</li>
<li>item4</li>
<li>item3</li>
</ul>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议