CSS 변수(사용자 지정 속성)
:root아래에--변수이름로 정의하고var()함수를 사용해 접근할 수 있다.- 반복되는 스타일을 변수로 지정해줘서 코드 수정할 때 효율성을 극대화할 수 있다.
:root{
--main-bg-color : brown;
}
:element{
background-color : var(--main-bg-color)
}:root 란?
- 문서 트리의 루트 요소를 선택하는 것이다.
<html>선택자와 같다고 보면 된다.
즐거운 코딩