CSS :: CSS에서 전역변수 사용하기( :root )

root를 사용하면 전역변수를 지정할 수 있다.

 

예를 들어 root를 사용하여 글자색을 지정해본다 하자.

 

각 요소에서 글자색을 지정해줬을 경우,

나중에 메인이 되는 글자색을 바꾸고 싶을때,

하나하나 찾아가며 바꿔주어야 하는 불편함이 있다.

 

하지만 root를 사용하면 root안에있는 코드만 바꿔주면

다른 요소들을 바꿀필요가 없으므로

유지보수가 편리하다.

 

 

 :root{              

   --text--color: white;

   --background--color: black;

   --link--padding: 10 20px;

 }            

 

 

 

ex.