CSS 2.2规范中重复引入样式表处理规则的技术问询

首先明确separate style sheet的核心含义：它不是指物理上独立的文件（你已经清楚样式表只会被下载一次），而是指在样式的层叠计算、优先级处理环节，UA要把每一次导入/链接的同一样式表，当作拥有独立层叠上下文的逻辑独立实例来对待。

UA的具体处理方式 #

• 下载环节：UA会缓存已下载的样式表避免重复请求，这是性能优化，但规范中的描述不涉及此环节，仅针对渲染处理逻辑。
• 渲染处理环节：
  • 每一次引用的同一样式表，其内部所有规则都会独立参与层叠顺序计算。比如样式表内有body { color: red; }，即使导入两次，这个规则会在层叠队列中出现两次，各自按照引用的位置参与优先级对比（若优先级相同，后出现的规则生效，但本质是两个独立的规则实例）。
  • 举个实际场景：假设样式表A包含.box { margin: 10px; }，你通过<link>在文档头部引入一次，又在样式表B中通过@import再次引入A。此时UA会将<link>引入的A的规则放在文档头部的层叠位置，@import引入的A的规则放在样式表B的规则之后，两者之间若有其他样式规则，会正常参与层叠优先级的竞争。
  • 本质上：UA不会因为是同一个文件就合并规则，每一次引用都被视为独立的“逻辑副本”，完整参与层叠流程，只是这些副本共享缓存的文件内容，无需重复下载。

规范中的user agents must process (or act as though they do) each link as though the link were to a separate style sheet，重点在于“表现得如同处理独立样式表”——哪怕UA做了缓存优化，在样式解析、层叠的逻辑上，必须和加载完全独立的样式表保持一致，不能因为是同一文件就省略任何处理步骤。

内容的提问来源于stack exchange，提问作者OnlyWick