一、!号直接tab,创建HTML5文档基础结构:




二、id(#),class(.)

div#test

<div id="test"></div>

div.test

<div class="test"></div>


三、子节点(>),兄弟节点(+),上级节点(^)

div>ul>li>p


div+ul+p


div>ul>li^div (这里的^是接在li后面所以在li的上一级,与ul成了兄弟关系,当然两个^^就是上上级)



四、重复(*)

div*5*号后面添加数字表示重复的元素个数)



五、分组(())

div>(ul>li>a)+div>p(括号里面的内容为一个代码块,表示与括号内部嵌套和外面的的层级无关)


注:试试不加括号的效果!


六、属性([attr])

a[href='###' name='xiaoA']


$ 编号指令($代表一位数,后面更上*数字就代表从1递增到填写的数字

ul>li.test$*3

ul>li.test$$$*3


如果想自定义从几开始递增的话,使用 @ 指令

ul>li.test$@3*3 (修改符号起始)

ul>li.test$@-3*3 (修改符号为降序)



七、{} 添加文本

a[href=a.html]{测试}