Emmet语法笔记

  • 后代:>
    eg:nav>ul>li

  • 兄弟:+
    eg:div+p+bq

  • 上级:^
    eg:div+div>p>span+em^bq

  • 分组:()
    eg:div>(header>ul>li*2>a)+footer>p

  • 乘法:*
    eg:ul>li*5

  • 自增符号:$
    eg:ul>li.item$5
    eg:ul>li.item$@3
    5

  • ID和类属性:#,.
    eg:p.class1.class2#id

  • 自定义属性:[]
    eg:p[title="Hello"]

  • 文本:{}
    eg:p>{Click}+a{here}+{to continue}

** 参考链接:** http://www.w3cplus.com/tools/emmet-cheat-sheet.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Emmet是一款文本编辑器/IDE的插件,用来快速生成复杂的HTML代码,只要掌握一些常用的语法(类似于CSS选择...
    我是奋斗哥阅读 14,669评论 0 34
  • 使用方法 emmet的使用方法也非常简单,以sublime text为例,直接在编辑器中输入HTML或CSS的代码...
    jrg陈咪咪sunny阅读 3,064评论 0 1
  • 1、前端开发是什么?为什么?干什么?怎么干? 2、工具 ps、编辑器、浏览器、编辑器的各种插件、浏览器的各种插件...
    波罗的海de夏天阅读 1,371评论 0 0
  • 买了支画笔,拿出“珍藏”了两年的丙烯,吼吼,就这样wuli卡卡西被弄残了( •̥́ ˍ •̀ू ) 颜料有几只干了...
    窝在家的黑猫阅读 1,163评论 0 0
  • 2017年10月21,深圳,蓝天白云,天气晴好。此时此刻,我正在思考怎样改变迷茫的、不满意的现状。有人说,迷茫与青...
    智慧的狐狸阅读 4,707评论 1 4