CSS와 변수

사실 상상도 못했다.

개발자라면 css도 변수로 관리해야죠.

이 짧은 도움말이 정신을 번쩍 들게 했다.

나는 왜 이걸 시도도 안해봤을까?

한땀한땀 장인 정신으로 작업하는건 공부할때는 좋았지만 

결국에는 더 효율적인 방법을 사용하는게 당연지사

css에서 변수 사용 시작합니다.

 

코드와 마찬가지

같은 모양 혹은 색 등을 가진 구조도 나중에 그걸 바꾸고 싶으면 하나하나 다 해주기 너무너무너무 귀찮다.

변수에 담으면 한 코드만 수정하면 된다.

• 최상위 선택자를 사용해 적용한다.

:root{
 /* 여기에 변수를 만들어 주세요*/ 
}

• 대쉬 두개를 사용해 변수를 만들 수 있다.

:root {
    --link-black: #222222;
}

• 이 변수명을 필요한 곳에  var를 사용해지정한다.

.link_button {
    ...
    color: var(--link-black);
    ...
}

여러군데 있다면 여러군데 다 지정하면 한번에 관리할 수 있다.