css: var()作用 1.可以作为一个css全局变量使用 2.可以直接在css中取到对应的值，做一些处理在vue中

1.可以作为一个css全局变量使用

2.可以直接在css中取到对应的值，做一些处理

:style="{
	'--domWidth--': `-${domWidth[index]}px`,
	'--domTime--': getTime()
}"

css中可以直接取出宽度

.dom-box { 
    width: var(--domWidth--);
}

:root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说， :root 表示 <html> 元素，除了优先级更高之外，与 html 选择器相同

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

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

  /* header-color 没有被设置，将使用回退值 blue */
  color: var(--header-color, blue);