/*后代选择器,也就是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;
}