css - 关闭 var css 并返回更高的样式

Question

我有这个 CSS

div {
  color: red;
  border: 1px solid blue; 
  color:  var(--test, ?);
}

如果我没有价值--test，我希望样式应用red，但是，我不能做这样的事情：

div {
    color: red;
    border: 1px solid blue; 
    color:  var(--test, red);  
}

还有哪些其他选择？

标签： css