1、继承性

有一些属性，当给自己设置的时候，自己的后代都继承上了，这个就是继承性；例如：

color、 text-开头的、line-开头的、font-开头的。

这些关于文字样式的，都能够继承； 所有关于盒子的、定位的、布局的属性都不能继承。

继承性是从自己开始，直到最小的元素。

<div class="box"> <p>回家的时候</p> </div>
AngelScript

css样式：

.box{ font-size: 30px; color: aqua; }
CSS

代码演示：

202101051609831219597688

2、层叠性

层叠性：就是css处理冲突的能力，所有的权重计算，没有任何兼容问题。

选择器优先级  id选择器>类选择器>标签选择器

如果你在页面中，你在当前标签身上，同时使用了标签选择器，类选择器，和id选择器去修饰它。浏览器在渲染解析页面的时候，会优先用id选择器上设置的样式!Markup

<p class="top" id="top">成绩单</p>
AngelScript

css样式：CSS

p{ color: coral; } #top{ color: darkcyan; } .top{ color: aqua; }
CSS

最终生效的是id选择器，代码演示：

202101051609831395177497

当选择器一样时，采用就近原则。