css - 重置字体大小 :0 doesn't work with 'em' unit

Question

我有一个 parent 元素将 font-size 设置为 0(零)及其 child 恢复值

.parent {
  font-size: 0;
}

.child {
  font-size: 1em;
  /* font-size: 16px; */
}

使用 em 它不起作用。使用 px 作为单位会使文本再次出现。

谁能解释一下为什么？

Answer 1

是的，这很正常。因为 em 这是一个相对的衡量标准。如果您考虑自己在做什么，那么您正在做这个:

0 * 1 = 0

因此，如果您重置为 0，您将永远获得零值。

您需要使用rem(root em)或px。

.child {
   font-size: 1rem;
}

Rems来自文档