今天我们来聊一下CSS中的“不继承父字体”问题。 在CSS中，一般情况下，子元素会继承父元素的字体设置。但是，有些时候我们需要让子元素不继承父元素的字体设置，这该怎么办呢？ 实际上，CSS提供了一个属性可以解决这个问题，那就是font-size。 我们可以通过在父元素上设置font-size为0，然后在子元素中重新设置font-size，来达到让子元素不继承父元素的字体的目的。 让我们来看一个例子：

p.parent {
font-size: 0;   /* 在父元素中设置font-size为0 */
}
p.child {
font-size: 16px;    /* 在子元素中重新设置font-size为16px */
}

在上面的例子中，我们在父元素p.parent中设置了font-size为0，在子元素p.child中设置了font-size为16px，这样就可以让子元素不继承父元素的字体设置了。 需要注意的是，在设置父元素的font-size为0时，可能会导致某些子元素的字体也受到影响，因此需要针对特定的子元素进行重新设置font-size。 另外，如果想让所有的子元素都不继承父元素的字体设置，可以在父元素中添加一条CSS规则：

p.parent * {
font-size: 1em;
}

在上面的例子中，我们使用*通配符来选择所有子元素，并将它们的font-size设置为1em，这样可以让所有子元素不继承父元素的字体设置。 综上所述，通过设置父元素的font-size为0，可以让子元素不继承父元素的字体设置，从而实现更灵活的页面布局。