css
/*选择器*/
/*标签选择器*/
p{}
/*id 选择器*/
#p1{}
/*类选择器 * 相同class属性的 为一组元素  * 同一个标签可以设置多个class属性值，多个值之间 使用空格隔开*/
.p2{}
/*选择器分组 可以选中多个选择器* 语法：选择器1,选择器2,选择器3 */
#p1,.p2{}
/*通配选择器  选中页面中 所有元素*/
*{}
/* 复合选择器，交集选择器* 选中满足多个选择器的元素* 为拥有 class p3的 span元素 设置为黄色* */
span.p3{}
/*后代元素选择器
指定元素的 指定后代选择器
语法:祖先元素 后代元素{}*/
#xx span{background-color: red;
}
div p span{background-color: green;
}/*子元素选择器（IE6以下不兼容）
指定父元素的 指定子元素
语法：父元素 > 子元素
*/
#gg > p{background-color: gray;
}
/*兄弟元素选择器*/
/*
语法: 前一个 + 后一个   选中一个元素后 紧挨着着的 指定的兄弟元素
语法: 前一个 ~ 后边所有*/
span + p{		/*选中紧挨着span的 第一个p标签*/background-color: red;
}span~p{	   /* 选中span标签后 所有的p标签*/}/*选择器优先级
选同一个元素 设置样式,到底会采用哪个选择器的样式优先级规则：!important 优先级最高内联样式	，优先级1000id选择器，优先级100类和伪类，优先级10元素选择器，优先级1通配，	优先级0继承的样式，没有优先级如果优先级一样  就选择后面的样式交集选择器 相加最大值 不能超过它的数量级