CSS是有弹性。当它发现错误时,它的行为不像JavaScript那样打包所有的东西并完全消失,在发现错误后终止所有脚本的执行。
如果一行有错误,它会跳过它跳到下一行,而不会出现任何错误。
如果你在一行中忘记了分号:
p {
font-size: 20px
color: black;
border: 1px solid black;
}
带有错误的那一行和下一行将不会被应用,但是第三条规则将成功地应用到页面上。基本上,它扫描所有,直到找到一个分号,但当它到达它,规则现在是font-size: 20px color: black;,这是无效的,所以它跳过它。
有时很难意识到在某个地方有错误,以及错误在哪里,因为浏览器不会告诉我们。
这就是为什么像CSS Lint这样的工具存在的原因。