css中的子元素是如何继承父元素的line-height？

在CSS中，line-height 属性是可以继承的，这意味着如果没有为子元素特别设置 line-height，那么子元素将使用其父元素的 line-height。这种继承行为是CSS的默认行为，适用于大多数（但不是所有）CSS属性。

例如，如果你有以下HTML和CSS：

<div class="parent">
    父元素文本
    <p class="child">子元素文本</p>
</div>

.parent {
    line-height: 2;
}

/* .child 没有设置 line-height */

在这个例子中，.child 元素（即 <p> 元素）没有自己的 line-height 设置，因此它会继承 .parent 元素的 line-height，也就是 2。这意味着 .child 元素中的文本行高将是其字体大小的2倍。

需要注意的是，虽然 line-height 可以继承，但某些情况下你可能不希望子元素继承父元素的 line-height。在这种情况下，你可以为子元素明确设置一个不同的 line-height 值来覆盖继承的值。例如：

.parent {
    line-height: 2;
}

.child {
    line-height: 1.5; /* 覆盖继承的 line-height */
}