css变量

css变量很有用，但是平时写css又不是很多，学了就容易忘了，所以写在这儿记录一下。

写法：
:root { --test: #bfa; color: var(--test); }
root表示最上级，当使用变量时，会先在当前作用域中查找，没有再一级一级向上查找。

javascript操作css变量：

读取:
let x = document.querySelector("选择器");
let xx = x.getComputedStyle(x);
let xxx = xx.getPropertyValue("自定义css变量的属性")

写入:
let x = document.querySelector("选择器");
x.style.setProperty("自定义css变量的属性", "属性对应的值")