打开sublime，新建一个文件，输入html：5，然后按tab键就会出现第2张图所示的内容。

1.使用>运算符可以用来生成彼此嵌套的元素;

2.使用+运算符可以用来生成彼此相邻的元素.

3.使用^运算符，可以让你的代码返回上一层。当你使用>嵌套元素时，想让后面的回到上一层，那么这个方法很适用。

4.使用乘法运算符*,可以i一次性生成多个相同的元素;

例子一:输入section>div>(p>a)+p的效果如下图:

例子二:输入ul>li*5的效果如下图:

CSS相关

1.输入w100,即可生成：

width: 100px;

后边跟上如下代码的表示

p表示%

e表示em

x表示ex

2.输入m10-20,表示

margin: 10px 20px;

总结

1. E代表HTML标签。

2. E#id代表id属性。

3. E.class代表class属性。

4. E[attr=foo]代表某一个特定属性。

5. E{foo}代表标签包含的内容是foo。

6. E>N代表N是E的子元素。

7. E+N代表N是E的同级元素。

8. E^N代表N是E的上级元素。