CSS样式-快速生成代码

[]：放入元素的属性名以及属性值，属性值不需要加双引号或者单引号；

{}：放入元素对应的内容

()*数字：按数字重复展示多遍

 >：表示子级

 

举例：

div[id=nav]>(a[href=#]{测试菜单})*6，然后按tab键

 

输出的代码为：

<div id="nav">

　　<a href="#">测试菜单</a>

　　<a href="#">测试菜单</a>

　　<a href="#">测试菜单</a>

　　<a href="#">测试菜单</a>

　　<a href="#">测试菜单</a>

　　<a href="#">测试菜单</a>

</div>

 

+：表示相邻的元素

 

举例：

#header+#nav+#content-main+#content-2+#footer，然后按tab键

 

输出的代码为：

　<div id="header"></div>

    <div id="nav"></div>

    <div id="content-main"></div>

    <div id="content-2"></div>

    <div id="footer"></div>