代码飞起来-emmet语法简介

emmet语法，让你在编写代码时事半功倍

8个常用的emmet语法

1.标签与内容 {}
p{good}
2.属性 []
p[id=one]{content}

id和class为常用属性，可以简写：
p#one{p id} =>

<p id="one">p content</p>
p.one{p class} =>

<p class="one">p class</p>
不写标签时，标签为div
3.重复 number number
p[id=one]{content}3
4.父子 >
div>h3
5.兄弟 +
div + p
6.父级 ^
div>p^div
—注意不要空格—
7.分组 （）
ul>list{content$}3^(div>p)
8.序号 $ $@
$:默认从1开始；
$@:指定开始序列号
ul>li{content$}10
ul>li{content$@8}10

小提示：
1.emmet 语法可以写css文件
2.前后端开发时，如果需要帮助文件，可以在百度里输入：mdn <a>