- 하이픈(-) 두개를 접두사로 써서 css 변수를 선언할 수 있다
ex) —main-color : red;
- 변수를 쓰려는 곳에서
var(변수이름)으로 쓸 수 있다 var(변수이름, 초기값)처럼 두번째 매개변수로 기본값을 설정할 수 있음.
해당 변수가 선언 안 되어 있다면 이 값을 쓴다
- 변수는 후손 요소들에게 상속됨
ex) 하단 코드로 인해 전역에 변수를 쓸 수 있다
:root { //html과 같지만, :root의 명시도가 더 높다 —main-color : red; }
- 후손에서 같은 변수를 재할당 할 수 있음
- but 유효 범위는 자기 자신임. 후손으로 상속x