컬러를 변수에 넣기 :root

컬러를 바꿀 때 여러줄을 변경하는 수고를 덜 수있음

 

:ROOT

 

<style>

 

:root{

 --main-color: #333;

 --default-border: 1px solid var(--main-color);

}

p{

 backgorund-color: var(--main-color);

 border: var(--default-border);

}

a{

color:var(--main-color);

}

</style>