html - CSS值可以相对改变吗？

Question

#foo{font-size:14px;}

现在#foo 的字体大小为 14px

#foo{font-size:$-2px} // Hypothetical code

现在#foo 的字体大小为 12px。 (14px - 2px)

这有可能吗？动态更改选择器的值。

Answer 1

您可以使用 rem 来引用全局字体大小。

:root
{
  font-size : 14px;
}

#foo
{
  font-size : calc(1rem - 2px);
}

<div>
  I am a 14px text according to the root font-size
</div>
<div id="foo">
  I am a 12 pixel text according to the rem font-size
</div>

解释

rem 将引用全局 css。所以在处理(1rem - 2px)时，这实际上是(14px - 2px)。