Emmet语法

Emmet语法

1、简介

Emmet语法是VS code代码编辑器里面的一项快速写代码的方法。通过它，我们可以加快编码的速度。

2、Emmet语法写法

作用：通过简写语法，快速生成代码

语法：

• 类似于刚刚学习的选择器的写法

记忆	示例	效果
标签名	div
类选择器	.red
id选择器	#one
交集选择器	p.red#one
子代选择器	ul>li
内部文本	ul>li	我是li的内容
创建多个	ul>li*3

这里再扩展几个：

例如，交集选择器还可以这样写：

<!-- p.red -->
<p class="red"></p>

添加属性值的写法：

<!-- a[href=#] -->
<a href="#"></a>
<!-- 同样的id和class等属性都可以这么写 -->

<!-- div[id=a] -->
<div id="a"></div>

以上基本上就是Emmet几个常用的方式，更多语法访问这个网址：Cheat Sheet (emmet.io)