/

CSS 錯誤處理

CSS 錯誤處理

CSS 在處理錯誤時非常靈活。當它遇到錯誤時，它不同於 JavaScript，不會整個拆開東西然後全部停止執行腳本。

CSS 試圖盡力遵從你的要求。

如果一行有錯誤，它會跳過該行並繼續往下一行執行，而不報錯。

如果你忘記在一行上加上分號：

1
2
3
4
5
p {
  font-size: 20px
  color: black;
  border: 1px solid black;
}

有錯誤的那一行和下一行 都不會 生效，但第三行的規則將會正確應用在頁面上。基本上，CSS 會一直掃描直到遇到分號，但在達到之前，該規則已經變成了 font-size: 20px color: black;，這是無效的，所以它會跳過。

有時候我們很難意識到錯誤在哪裡，因為瀏覽器不會告訴我們。

這也是為什麼有像 CSS Lint 這樣的工具存在的原因。

tags: [“CSS”, “error handling”]