variables width root CSS code example

Example 1: css set variable

:root {
  --main-bg-color: coral;
}

#div1 {
  background-color: var(--main-bg-color);
}

#div2 {
  background-color: var(--main-bg-color);
}

Example 2: css custom properties

/* create */
:root {
	--variable-name: variable-property;
}
/* use */
selector {
	property: var(--variable-name);
}