[CSS] color(:root) 마스터하기

Colorzilla : 구글 색 어플

 

rgb

rgba (a = 투명도)

 

◾ :root 

→ 기본적으로 모든 document의 뿌리가 됨

→ 변수를 지정해 저장할 수 있음   // 여러 개 고칠 때 유용

:root{
  --main-color: #A8D165;
  --border: 1px solid var(--main-color);
}

p:nth-child(3){
  color: var(--main-color);
  
}
p:nth-child(4){
  border: var(--border);
}