Css 计算字体大小的继承值

我正在读书，有了这个问题

关于继承，它说：

发生继承时，元素继承计算值。这个 来自父元素的计算值将同时成为指定值 值和子对象上的计算值

但是对于属性的

继承

值，它表示：

每个属性也可能有一个级联值“inherit”，这意味着 对于给定元素，属性采用相同的指定值 作为元素父级的属性

这是否意味着：如果我将

font-size:2em

指定给父级，将

font-size:inherit

指定给子级，则结果与将

font-size:2em

指定给子级相同（因为

2em

是其父级的指定值）

从我的样本来看，情况并非如此：

#父级{
字号：2em；
}
#儿童-0{
字体大小：继承；
}
#儿童-1{
字号：2em；
}

我是家长。
我是孩子0。
我是第一个孩子。

让我们看看：

每个属性也可能有一个级联值“inherit”，这意味着 对于给定元素，属性采用相同的指定值 作为元素父级的属性

现在的问题是，如何处理指定的值

答案如下：

6.1.2计算值

在级联过程中，将指定值解析为计算值[…]

如何处理计算值

[…]“em”和“ex”单位是 计算到像素或绝对长度

（增加重点）

这意味着当子级继承父级字体大小时，它将继承其父级计算的像素值（

px

），默认情况下

2em

为32px

当给子级提供其自己的

em

值时，它将根据其父字体大小的计算值以px为单位计算其值

2em

将使儿童的字体大小加倍

在您的示例中：

• 父级上的2em=32px
• 在子对象上继承=32px（父对象的计算值）
• 子节点上的2em=64px（子节点的计算值是父节点值的两倍）

这反映在您的示例中：

#父级{
字号：2em；
}
#儿童-0{
字体大小：继承；
}
#儿童-1{
字号：2em；
}

我是家长。
我是孩子0，继承父母计算的32px字体大小
我是一个1岁的孩子，我的字号是2米的两倍。这意味着我的字体大小是64px