https://blog.csdn.net/qq_37595946/article/details/84531311

image.png

原來這些僅僅是自定義的css屬性，在需要的時候可以使用var()函數(shù)引用
關于var()函數(shù)的作用和使用方法，參考：MDN

var()
var()函數(shù)可以代替元素中任何屬性中的值的任何部分。var()函數(shù)不能作為屬性名、選擇器或者其他除了屬性值之外的值。（這樣做通常會產(chǎn)生無效的語法或者一個沒有關聯(lián)到變量的值。）

:root
:root是一個偽類，表示文檔根元素，非IE及ie8及以上瀏覽器都支持，在:root中聲明相當于全局屬性，只要當前頁面引用了:root segment所在文件，都可以使用var()來引用

eg：

:root {
  --main-bg-color: pink;
}

body {
  background-color: var(--main-bg-color);
}

image.png