CSS 值继承

CSS 值继承是指一个元素的某些属性值可以从其父元素继承而来，被继承的属性值被称为可继承属性。这种机制使得在网页样式设计时，可以更加方便地设置全局样式。

可继承属性列表

以下是 CSS 中常见的可继承属性：

• font-size
• font-family
• font-weight
• font-style
• color
• text-align
• line-height
• white-space
• word-spacing
• letter-spacing

不可继承属性

另外一些 CSS 属性则不能被继承：

• width
• height
• padding
• margin
• border
• background
• display
• position
• float
• clear
• vertical-align

继承规则

当子元素的某个样式属性没有被设置时，浏览器会在父元素中查找是否有该属性值，如果有则继承该属性值。如果父元素中也不存在该属性，则继续向上查找祖先元素，直到找到该属性或者查找到文档顶端。如果整个文档中都没有该属性，则浏览器会使用默认值。当子元素和父元素都设置了相同的属性时，子元素的属性值会覆盖父元素的属性值。

继承的属性值可以使用关键字 inherit 来明确指定，表示该属性值直接从父元素中继承而来。以下是一个例子：

.parent {
  font-family: Arial, sans-serif;
}

.child {
  font-family: inherit;
}

在上面的例子中， .child 元素的 font-family 属性值被指定为 inherit，因此其 font-family 属性值会直接从其 .parent 元素中继承而来，即为 Arial, sans-serif。

注意事项

虽然 CSS 中有很多可继承属性，但是并不是所有的属性都可以使用值继承。如果某个属性并非可继承属性，则其设置会直接影响到此元素本身，而不会向下传递到子元素中。因此，在使用 CSS 值继承时，需要注意不同属性的继承规则。