CSS：根未设置变量

Question

我有带有 :root 的 CSS 文件，我在其中设置类的颜色。但我在初始化变量之一时遇到问题。

检查上面的代码。

我有这个CSS

:root {
    --button-color: #eb2c33;
    --button-text: #fff;
    --basic-company: #eb2c33;
    --shadow-color: 0 2px 5px rgba(255, 255, 255, .3);
    --border-color: #555;
    --search-color: #2d2d2d;

}

我使用这个 CSS 类：

.header__top{
    color: var(--basic-company);
    padding: 2px 0;
    border-bottom: 1px solid var(--border-color);
}

在此代码中，

--basic-compan

y var 工作正常并显示颜色，但

--border-color 

不显示。 --边框颜色未设置。

我多次检查我的代码，但没有找到问题。

有 ide 的人如何解决这个问题？
谢谢。

Answer 1

border-color 是一个 CSS 关键字。如果将此变量的名称更改为例如，会怎样？边缘颜色？