“(property)”:(value)”声明中冒号(“:”)前缺少属性名。CSS全局变量

我想在CSS中创建一个全局变量。我已经在网上找到了如何实现它的方法,并且每个网站都说要声明一个CSS变量,您最多可以执行以下操作 根{ --变量名称:属性; 根据 https://medium.freecodecamp.org/everything-you-need-to-know-about-css-variables-c74d922ea855 但是,在Visual Studio中,我遇到以下错误:“(property)”:(value)“声明中的冒号(“:”)前面缺少属性名?

这是我的密码。

:root{
 --main-color:#4d4e53;
 --main-bg: rgb(255, 255, 255);
 --logo-border-color: rebeccapurple;

  --header-height: 68px;
  --content-padding: 10px 20px;

 --base-line-height: 1.428571429;
 --transition-duration: .35s;
 --external-link: "external link";
 --margin-top: calc(2vh + 20px);

  --foo: if(x > 5) this.width = 10;
}

为什么Visual Studio说“(property)”:(value)“声明中冒号(“:”)前面缺少属性名?