Question

CSS Lint认为这里有问题。 W3C CSS Validator也是如此。他们可能是对的，我错了，但有人可以帮我理解为什么这是错的吗？

CSS：

.my-class {
    width:  calc(((100% - 15%) / 3 - 1px) * 3 + 10%); /* for 3 columns */
}

错误讯息：

Expected RBRACE at line 2, col 22.

顺便说一句，浏览器似乎更多地支持我。

Answer 1

目前CSS Lint似乎存在问题。只是一点bad parsing。

然而，CSS3 calc仍然不是W3C的推荐，但很快就会成为标准。当然，警告将是来自CSS Lint的适当消息。

Answer 2

根据this article似乎calc()并未得到很好的支持。

2年前

解析器不支持calc（）

它似乎有点固定，但并非完全。

Answer 3

这可能是因为算术是CSS的实验性功能，并且肯定不属于任何 CSS规范。

这些服务是根据CSS规范创建的，难怪他们在您的代码中发现了错误。根据规范，整个陈述无效。