Mac Sublime快捷使用（二）

2019独角兽企业重金招聘Python工程师标准>>>

打开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的上级元素。

 

转载于:https://my.oschina.net/u/2971691/blog/829401