CSS中不同规则之间不写空格是否有相关规范指引？

CSS规则块间省略空格的合法性说明 #

这种写法完全符合W3C CSS官方语法规范，是被允许的合法写法，你测试的浏览器能正常解析是符合预期的。

• CSS的词法解析规则中，规则块的右大括号}本身就作为当前规则的终止标识，后续紧跟的新选择器不需要额外的空格、换行作为分隔符，解析器可以无歧义地识别出两个独立的规则块。
• 这种写法也是CSS压缩工具的核心优化逻辑之一：线上使用的压缩版CSS都会主动删除所有非必要的空格、换行符，规则块之间都会紧密相连，以此减小文件体积，提升加载速度。

你提到的代码示例：

#Ellipse_1 {
    fill: rgba(0,157,255,1);
    cursor: context-menu;
}.Ellipse_1 {
    overflow: visible;
}

• 日常手写开发时不推荐省略规则块间的空格/换行，会大幅降低代码的可读性和可维护性，压缩工作可以交给前端构建工具自动处理即可。

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