css样式设置问题--thumbnail-width

Question

在看插件原代码的时候,发现css样式中有这样一句样式:
:root {

--thumbnail-width: 20px;
--thumbnail-height: 3px;
--shadow: rgba(0, 0, 0, .25)

}

:root是设置html根元素;那么 --thumbnail-width --thumbnail-height --shadow这三项是什么意思呢?

Answer 1

定义变量，类似于var let const
在需要用到这个变量的地方可以这样写

div{
    width:var(--thumbnail-width);
    height:var(--thumbnail-height);
}

https://developer.mozilla.org...:root