web全栈的进阶之路：CSS选择器

06.05类选择器

类上样式，id上行为
一般来说，类用于css，id用于js


类选择器的用法：
一个class中可以添加两个类名，在css中类名前面要加**.**

07.06后代选择器

后代选择器： 在第一个div中加类，再用css例.div1 p{}的方式是第一个div中p标签下的字体变红，从而达到第一个变第二个不变的效果，其中第一个的p为第一个div的后代。
注意：是后代而不是儿子

空格可多次存在例（精确到多层后代）：.div1 .li1 p{}

作用：

08.07交集选择器

交集选择器大多以标签开头
交集选择器没有空格h3.specal这是交集选择器

连续交：h3.specal.zhognyao {}
不同的浏览器：

现在大都兼容到ie8

09.08并集选择器和通配符

并集选择器：

**通配符：**因为效率低，所以不怎么用

七种选择器的格式：

10.09一些css选择器

儿子选择器：div>p（ie7开始兼容）
序选择器：（ie8开始兼容）
如果公司还要求兼容ie，就要自己写类名
下一个兄弟选择器：

五、继承性 和层叠性

5.1继承性

继承性是从大继承到小的元素，包括body
5.2层叠性（优先级）
当某个元素选择了选择器之后，统计权重id>类>标签 不进位，255
如果权重一样，谁写在后面听谁的。（包括一个标签里有两个类）

特殊情况：

继承来的权重为0，如果不能直接选中某个元素，无影响力
都不选中的情况下，就近原则

逗号为并集选择器，分开算