花括号外的分号有什么作用？

Question

这让我把头发撕了一个小时：

div {
  key: value;
  ...
};

img {
  key: value;
  ...
}

（注意大括号后面的分号）。 img的样式没有出现......最后我注意到了分号并删除了它 - 瞧！这一切都按预期工作。

问题：花括号之外的; 是什么意思？

Answer 1

what does a ; outside of curly braces mean?

语法无效。

这就是为什么解析器停在那里并且没有选择下面的任何样式规则（例如img）。 Validate自己。

Answer 2

这意味着它是无效的CSS，CSS validator会告诉你。

Answer 3

我不认为它是有效的CSS，因此不同浏览器中的行为可能会有所不同。

如果你使用CSS验证器，它应该为你显示这些问题。

Answer 4

CSS解析器可能遇到错误，只是拒绝解析文件的其余部分，但允许使用它成功解析的内容。