css - :root css具有“-”属性，它如何工作

我遇到了一些CSS，其中详细介绍了：root的一些颜色。我不知道如何使用它。我怎么称呼--pelorous颜色？

:root {
    --cerulean: #0571AE;
    --ivory: #FDFDFC;
    --regal-blue: #1A3852;
    --bondi-blue: #0082C3;
    --pelorous: #1E8FD0;
    --light-grey: #D5D4D4;
}

最佳答案

这将是格式，与var（）函数结合使用：

.myElement { color: var(--pelorous); }

更多信息here和here.