css - 将 calc 与 rem 和 px 一起使用时解析错误

Question

我有以下 CSS:

body {
  width: calc(700px + 2 * 4rem);
}

.someclass {
  margin: calc(2rem - 2px) 0;
}

当我通过 W3C CSS 验证运行它时，我得到了

Value Error : width Parse Error + 2 * 4rem)
Value Error : margin Parse Error - 2px) 0

这是什么原因造成的？我在 calc() 中使用的所有单位都是长度单位，calc() 应该可以处理。

Answer 1

这是 w3 css 验证器中的一个已知错误:

https://www.w3.org/Bugs/Public/show_bug.cgi?id=18913