css中如何覆盖!important,js覆盖css,css如何覆盖内联样式,如何覆盖框架的css样式,css中边框覆盖,html5覆盖层
CSS3 覆盖变量（CSS3 variable）是指在 CSS 样式表中定义的可以重复利用的变量。这些变量只需要在样式表中定义一次，然后就可以在整个样式表中重复使用，从而方便地修改样式表的元素颜色、字体等属性。

在 CSS3 中，使用 -- 前缀来定义一个自定义属性（也称为“CSS 变量”），然后可以在样式表中引用这些自定义属性。例如：


:root {
--primary-color: #2196F3;
}

.button {
background-color: var(--primary-color);
color: white;
padding: 10px 20px;
border: none;
}


在上面的例子中，我们定义了一个 --primary-color 变量，并将其设置为深蓝色。然后我们在 .button 类的样式定义中使用了这个变量来设置背景颜色。这意味着如果我们想要更改按钮的主题颜色，只需更新根元素中的 --primary-color 变量即可。