(미작성) css 변수 적용하기

:root 가상선택자와 CSS 변수

CSS에서 간단한 변수를 선언하고 사용할 수 있다는 사실에 대해서 알고 있는 사람은 알겠지만 모르고 있는 사람들도 있을 것 같아 친절한 내가 소개하려고 가져왔다. 일단 :root 가상선택자에 대

blog.thereis.xyz

사용자 지정 CSS 속성 사용하기 (변수) - CSS: Cascading Style Sheets | MDN

사용자 지정 속성(CSS 변수, 종속 변수)은 CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담습니다. 사용자 지정 속성은 전용 표기법을 사용해 정의하고, (--main-color: black;)

developer.mozilla.org

하위 클래스에만 적용

그래서 최상위인 :root에서 변수를 적용.

color: var(--red, black);

--red 라는 변수가 없으면 black을 사용

저작자표시 (새창열림)

의사클래스, 의사요소 (0)	2021.05.27

개발공부중