css选择器

/*后代选择器,也就是body后的所有p标签全部选中*/

body p{  background: red;}
/*子选择器,也就是所有子代P被选中*/
 body>p{    background:red;}
/* 相邻兄弟选择器,相邻的同辈标签(p2)被选中,不包含clzz*/ 
 .clzz+p{background:red; }
/*通用兄弟选择器,选中不包含CLZZ本身的所有p标签*/
 .clzz~p{background:red;} 

属性选择器:

E[attr]//选择匹配具有属性attr的E元素

E[attr=var]//选择匹配具有属性attr的E元素,并且值为var
E[attr^=var]//.....,以var开头
E[attr$=var]
E[attr*=var]

结构伪类选择器

ul li:nth-child(1){     background:red; }

具有指定类型的第n个li元素 ul li:nth-of-type(3){     background:red; }