回答-BFW问答

这种差异主要源于浏览器对两种引入方式的解析策略和容错机制不同。

<style>内嵌样式：浏览器将<style>标签内的所有内容视为一个连续的、不可分割的代码块。CSS解析器是顺序执行的，当它遇到一个语法错误（例如，缺少一个闭合的大括号}）时，解析器的内部状态会变得不确定，无法判断后续代码属于哪个规则。为防止产生更广泛的错误，浏览器通常采用“快速失败”策略，直接忽略该<style>块内剩余的所有CSS规则。

<link>外部样式：浏览器会先完整下载外部CSS文件，然后独立解析它。现代浏览器的CSS解析器被设计得非常健壮，具备强大的容错和错误恢复能力。当它在文件中遇到错误时，会尝试“恢复”：它会丢弃当前这个有问题的规则（从选择器到其闭合}），然后寻找下一个有效的规则（如一个新的选择器或@规则）并继续解析。