Emmet 语法

• 什么是 Emmet 语法？
  简单来说，就是可以快速构建 HTML 结构的快捷语法。
  我大多数使用的是 Webstrom 代码编辑器，因此是内置了 Emmet 语法的。这次使用的是 Sublime 编辑器，这就需要去网上下载相应插件，在网上这类教程很多，可以去搜索一下。

• 初步认识Emmet

  • 嵌套运算符

    • 子代：>
      兄弟：+
      父代：^
      重复：*
      成组：()
      例子：
      (div>dl>(dt+dd)*3)+footer>p
      按回车键可以快速创建代码框
      

  • 属性运算符

    • ID：# CLASS：.
    • 属性：[]
      例子：
      (div+p#test>span.test2.test3)*5+p[name=”hello”]>div.test4^a*5