在Dreamweaver中声明全局CSS变量时报Expected RBRACE错误咨询

结论 #

你遇到的是旧版本Dreamweaver的语法识别缺陷，代码本身没有问题，不需要调整。

原因说明 #

CSS自定义属性（俗称CSS变量）是CSS3之后新增的规范，不少老旧版本的Dreamweaver没有更新对应的CSS语法校验规则，识别不了:root选择器下--变量名: 变量值的合法写法，才会误报「缺少右大括号（Expected RBRACE）」的错误。
你写的类似下面的语法是完全符合W3C规范的：

:root {
  --theme-color: #2563eb;
  --base-font-size: 16px;
  --card-radius: 8px;
}

操作建议 #

• 只要你的代码在主流浏览器中运行完全正常，可以直接忽略Dreamweaver的报错，不影响实际项目效果
• 如果需要确认代码合法性，可以将CSS代码复制到W3C官方CSS校验工具中检测，结果无错即可完全放心
• 如果不想持续看到这类误报，可以更新到最新版本的Dreamweaver，或是在软件偏好设置中关闭老旧的CSS语法校验规则

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