CSS继承 - 为什么"后来"声明被"早先"声明覆盖？

CSS继承是指在HTML文档中，子元素可以继承父元素的某些样式属性。当一个元素没有指定某个样式属性时，它会从父元素继承该属性的值。这种继承机制可以简化样式的定义，提高代码的可维护性。

"后来"声明被"早先"声明覆盖的原因是CSS的层叠性。CSS样式表中的样式规则按照特定的优先级进行应用，后面的规则会覆盖前面的规则。具体来说，CSS样式表中的样式规则按照以下顺序进行层叠：

1. 浏览器默认样式：浏览器会为HTML元素设置一些默认样式，这些样式可以被后续的样式规则覆盖。
2. 用户样式表：用户可以通过浏览器插件或用户自定义样式表来定义自己的样式，这些样式会覆盖浏览器默认样式。
3. 外部样式表：通过<link>标签引入的外部样式表，可以定义全局的样式规则。
4. 内部样式表：通过<style>标签定义在HTML文档内部的样式表，可以覆盖外部样式表中的规则。
5. 内联样式：通过style属性直接在HTML元素上定义的样式，具有最高的优先级，可以覆盖前面所有的样式规则。

当多个样式规则应用到同一个元素上时，根据上述优先级规则，后面的规则会覆盖前面的规则。因此，如果一个属性在多个规则中被定义了多次，最后一个定义的值会生效。

对于CSS继承来说，如果一个元素没有指定某个属性的值，它会从父元素继承该属性的值。但是如果后代元素自身定义了该属性的值，那么它会覆盖继承的值。这是因为后代元素的样式规则在层叠中的优先级高于父元素的样式规则。

总结起来，CSS继承中的"后来"声明被"早先"声明覆盖是由于CSS样式表的层叠性规则，后面的样式规则具有更高的优先级。这种机制可以确保样式的灵活性和可定制性。