5.10 CSS叠加性

叠加性是层叠性另一个角度的理解，它研究一个元素具有多少个被设置的属性值（不含属性初始默认值）。

上述样式面板表示该元素具有13个设置的CSS属性（不含初始默认值）。本图也是“层叠”二字的直观反映，一层层选择器叠加，最终产生元素的最终样式结果。

叠加性是四类选择器叠加的结果。四类选择器如下：

（1）style属性选择器。“element.style”即表示style属性的样式。

（2）自定义选择器。共2个：.header h1{ } 、 h1,h2,h3{ }… 。

（3）浏览器设置选择器。“用户代理样式表”表示浏览器默认设置的样式。

（4）各层级祖先元素选择器。共2个：父亲元素 .header、body。

当多个选择器的属性名称不同时，则多个属性都会生效；当多个选择器的属性名称有相同，则按照选择器优先级只会有一个生效，例如body里的font-size没有生效，带有删除线。