Common Mistakes and Gotchas
CSS variables are sweet to work with but there are a few gotchas. You don't want to be making these mistakes and struggling with needless bugs.
Resolving Multiple Declarations
As with other properties, multiple declarations are resolved with the standard cascade.
Let’s see an example
/*define the variables*/
:root {
--color: blue;
}
div {
--color: green;
}