1669
2017-10-12 15:59:48
1
전 개발자입니다.
그냥 글 보다가 남겨요
저도 잘 몰라서 검색 해봤어요
var 는 변수를 선언해서 쓰는겁니다.
root 에
--accent-color: #1483CC; 라고 선언하면
--accent-color 라는 변수안에 #1483CC 색상을 넣겠다는 뜻이구요
이 변수를 사용하려면
background-color: var(--accent-color); 이렇게 쓰면 됩니다.
풀자면
background-color: var(#1483CC);
background-color: #1483CC; - 최종으로 이게 되겠죠
이렇게 쓰면 무엇이 편하냐
css에서 어떤특정 색상을 변경하려고 할때 변수선언없이 썻다면
모조리 찾아서 수정해야하지만
변수에 넣고 그 변수를 호출해서 사용했다면
상단 root 에 변수에 선언된 색상값만 바꿔주면 되기떄문입니다.
이외에도 먼가 장점이 있겠지만
지금 제 머리속에 떠오르는건 이거 뿐이네요