Css set variable

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

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

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

Css variables

:root {
  --first-color: #16f;
  --second-color: #ff7;
}

#firstParagraph {
  background-color: var(--first-color);
  color: var(--second-color);
}

#secondParagraph {
  background-color: var(--second-color);
  color: var(--first-color);
}

#container {
  --first-color: #290;
}

#thirdParagraph {
  background-color: var(--first-color);
  color: var(--second-color);
}

Source: developer.mozilla.org

How to use variables in css

:root {
  --clr-primary-1: hsl(205, 86%, 17%);
}

.container{
  background-color: var(--clr-primary-3);
}

Similar codes

32 votes294 views2 answers
Git stop merge
CSS
8 votes334 views6 answers
Aos css
CSS
1 vote294 views1 answer
Hex code for khaki
CSS
0 vote319 views1 answer
Remove Title spacing
CSS
48 votes324 views6 answers
Html font size
CSS
0 vote328 views1 answer
Carousel inner item populate with for loop puting active class on all carousel item
CSS
17 votes329 views4 answers
Get featured image post wordpress by post id
CSS
0 vote285 views1 answer
@page css
CSS
0 vote356 views1 answer
Css footer always at bottom but visible
CSS
4 votes327 views2 answers
Change bot description background top.gg
CSS