CSS로 변수 설정하기 :root

:root

특별한 선택자 :root

웹 페이지 전체에서 사용되는 전역 변수를 정의

• 변수 이름 -- 로 시작하여 작명
• CSS의 다른 규칙들에서 참조될 수 있음
• 해당 값을 모든 스타일 규칙에 일괄적으로 적용하는데 유용
• 유지보수 용이하게 할 수 있음

:root {
  --main-color: #007bff;
  --font-size: 16px;
}

p {
  color: var(--main-color);
}