博客列表 >代码飞起来-emmet语法简介

代码飞起来-emmet语法简介

安超
安超原创
2022年10月14日 22:36:00354浏览

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>

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