CSS文件中--r-globalnav-height变量的含义是什么？

这是一个CSS自定义属性（也叫CSS变量），作用是在整个页面中统一存储「全局导航栏高度」的数值（这里为44px）。

• 命名逻辑：CSS变量必须以--开头，后面的r-globalnav-height是开发者自定义的语义化名称——r可能是项目专属前缀，globalnav对应“全局导航栏”，height表示高度，一眼就能明白这个变量的用途。
• 使用价值：因为定义在html选择器下，页面所有元素都能访问这个变量。后续其他CSS规则里，只要通过var(--r-globalnav-height)就能调用44px这个数值，比如设置导航栏下方内容的上边距、控制导航栏自身高度时，都不用重复写具体数值。如果之后需要调整导航栏高度，只需要修改这一处变量值，所有用到它的地方都会自动同步更新，大幅提升样式的可维护性。

内容的提问来源于stack exchange，提问作者J II Jr.