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