emmet基本规则

85 阅读1分钟

1. 元素:使用元素名称来创建一个元素。例如,`div`将生成一个`

`的标签。

2. 类:使用`.`来给元素添加类。例如,`div.container`将生成一个具有`container`类的`

`标签。

3. ID:使用`#`来给元素设置ID。例如,`div#main`将生成一个具有`main` ID的`

`标签。

4. 子元素:使用`>`来创建一个元素的子元素。例如,`ul>li`将生成一个包含`li`子元素的`

    `标签。

    5. 兄弟元素:使用`+`来创建同级兄弟元素。例如,`div+p`将生成一个`

    `和一个`

    `标签。

    6. 分组:使用`()`来分组元素。例如,`div>(header>ul>li*3>a)+footer>p`将生成一个包含`header`和`footer`的`

    `标签,以及一个包含3个带有超链接的`
  • `的`
      `标签。

      7. 属性:使用`[]`来为元素添加属性。例如,`a[href="#"]`将生成一个具有`href`属性的``标签。

      8. 内容:使用`{}`将内容添加到元素中。例如,`p{text}`将在`

      `标签中显示`text`。

      9. 重复次数:使用`*`来重复元素。例如,`ul>li*3`将生成一个包含3个`

    • `的`
        `标签。

        10. 计数器:使用`ˋ引用一个计数器。例如,uˋl>li.item\`来引用一个计数器。例如,\`ul>li.item*3`将生成一个包含三个带有自增编号的`

      • `,`
      • `,`
      • `的`
          `标签。