css - 空 CSS 声明的预期行为是什么？

Question

例如:

.foo { font-family: ; font-size: ; }

我在 IE9 和 Chrome 中看到了不同的行为。 IE9 似乎使用它来将这些属性归零(尽管目前对我来说，这种行为在不同页面之间并不一致)。

在 Chrome 中，它似乎只是忽略它。

真正的预期行为是什么？这甚至是有效的 CSS 吗？

Answer 1

这是无效的 CSS。

浏览器应该忽略没有值的声明(并且只忽略每个声明，而不是整个 block 或无效声明之后的所有内容)。来自spec (省略无关代码示例):

• Malformed declarations. User agents must handle unexpected tokens encountered while parsing a declaration by reading until the end of the declaration, while observing the rules for matching pairs of (), [], {}, "", and '', and correctly handling escapes. For example, a malformed declaration may be missing a property, colon (:) or value. The following are all equivalent:

  p { color:green }
  p { color:green; color: } /* malformed declaration missing value */
  p { color:red;   color:; color:green } /* same with expected recovery */