처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS 사용자 정의 속성(CSS 변수)의 상속과 범위에 대한 설명으로 올바른 것은?

보통 MDN Web Docs
보기 및 정답
A 인라인 스타일은 !important가 적용된 규칙보다 항상 높은 우선순위를 갖는다
B CSS 변수는 자식 요소로 상속되며, 하위 요소에서 재정의(오버라이드)할 수 있다
C var() 함수 내에서 다른 var() 함수를 중첩하여 사용하는 것은 불가능하다
D !important를 여러 번 사용하면 횟수에 비례하여 우선순위가 높아진다

해설

CSS 사용자 정의 속성(--변수명)은 일반 CSS 속성처럼 상속됩니다. :root에서 선언하면 전역으로 사용 가능하고, 특정 요소에서 같은 변수를 재정의하면 해당 요소와 자손에서 오버라이드된 값이 적용됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기