CSS错误处理的方法

78 阅读1分钟

CSS是有弹性的。当它发现一个错误时,它不会像JavaScript那样,在发现错误后就把所有的东西打包,然后完全离开,终止所有的脚本执行。

CSS非常努力地去做你想做的事情。

如果某一行有错误,它会跳过它,跳到没有任何错误的下一行。

如果你在某一行忘记了分号。

p {
  font-size: 20px
  color: black;
  border: 1px solid black;
}

有错误的那一行和下一行将被应用,但第三条规则将被成功地应用于该页。基本上,它全部扫描,直到找到一个分号,但当它到达分号时,规则现在是font-size: 20px color: black; ,这是无效的,所以它跳过它。

有时,要意识到某个地方有错误,以及这个错误在哪里,是很棘手的,因为浏览器不会告诉我们。

这就是像CSS Lint这样的工具存在的原因。