CSS选择器及其继承特性、层叠特性

1.基本选择器
标记idclass这个就不再作介绍了

2.复合选择器
交集
交集选择器由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集其中第一个必须是标记选择器，第二个必须是类别选择器或者ID选择器，须连续书写。

如，div.class

并集
并集选择器的结果是同时选中各个基本选择器所选择的范围，任何形式的选择器(包括标记、类选择器、ID选择器)都可作为并集选择器的一部分，它们之间用逗号相连。

如，div,class,h3,#nav

后代
DOM树中鉴于嵌套关系的存在，使用后代选择器可以非常方便的通过组合来给各个元素设置样式，而不需要给每个元素进行ID或类命名,使命名大大简化，并且条理清晰各种基本选择器均可自由组合，不受限制，后代选择器的写法就是把外层的标记写在前面，内层的标记写在后面，之间用空格分隔。当标记发生嵌套时，内层的标记就成为外层标记的后代。

如div class h3(意思为选中div下class下的h3)

子代
子代选择器与后代的选择器的区别是使用大于号连接

如div>span

注:后代与子代从效果上的区别是，后代选择器产生的影响不仅限于元素的“直接后代”，还影响到它的“各级后代”;而子代的影响仅限于元素的选中后代本身

3.继承特性
继承特性可一句话概括为子元素拥有父元素的所有CSS属性，哪怕子元素另行设置，那也只是另行设置覆盖了从父元素继承来的属性值

4.层叠特性
层叠特性可概括为各样式间的优先级顺序：行内样式>ID样式>类别样式>标记样式

打个比方，当前元素设置了以上四种情况上不同的样式，那么最终显示的结果为行内样式的属性，如此，我们去掉行内样式，依次类推便显示ID、class的样式