[CSS3] 변수사용하기 (less,sass없이)

CSS의 변수는 범위를 정의하는 CSS 선택자 안에서 선언합니다. 

전역변수의 경우 :root{}를 이용해 선언할 수 있습니다.

변수 이름은 두 개의 대시 (-)로 시작해야하며 대소 문자를 구분합니다!

 

 

 

지정된 범위 내에서만 사용 가능합니다. 

:root 나 html, body 등과 같이 본문 선택자를 이용해 선언하면 본문 전체에서 사용가능하나,

div나 특정 영역 선택자를 이용해 선언한다면 특정 영역 내에서만 사용가능합니다. 

 

 

 

편리하게 사용할 수는 있지만 아직 지원되지않는 브라우저가 많아서 실제로 사용하기에는 무리가 있어보인다.....