CSS是有弹性的。当它发现一个错误时,它不会像JavaScript那样,在发现错误后就把所有的东西打包,然后完全离开,终止所有的脚本执行。
CSS非常努力地去做你想做的事情。
如果某一行有错误,它会跳过它,跳到没有任何错误的下一行。
如果你在某一行忘记了分号。
p {
font-size: 20px
color: black;
border: 1px solid black;
}
有错误的那一行和下一行将不被应用,但第三条规则将被成功地应用于该页。基本上,它全部扫描,直到找到一个分号,但当它到达分号时,规则现在是font-size: 20px color: black; ,这是无效的,所以它跳过它。
有时,要意识到某个地方有错误,以及这个错误在哪里,是很棘手的,因为浏览器不会告诉我们。
这就是像CSS Lint这样的工具存在的原因。