CSS 에서 변수 설정이 가능하다

https://developer.mozilla.org/en-US/docs/Web/CSS/--*

css에서도 변수 설정이 가능하다고 한다. 진짜 꿀정보 🍯 위 문서를 참고하면 자세한 내용을 볼 수 있다. 자주 쓰이는 (반복되는) 색깔이나 속성들을 변수로 설정해주면 hard coded 되지 않을 것이다.

:root {
  --first-color: #488cff;
  --second-color: #ffff8c;
}

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

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

#container {
  --first-color: #48ff32;
}

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