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>