我想要做的是每当我删除边框颜色中的变量时--mainColor,它:root都会变为黑色,文本变为红色,但它将与颜色的回退值相同。为什么会发生这种情况?
div {
width: 500px;
margin: 10px;
border-color: var(--mainColor, black);
color: var(--mainColor, red);
padding: var(--mainPadding, 10px);
border: solid;
}Run Code Online (Sandbox Code Playgroud)
<div>Element</div>
<div>Element</div>
<div>Element</div>Run Code Online (Sandbox Code Playgroud)