CSS-L3-001 / 현대 캐스케이드

layer 우선순위

중급

문제

레이어 순서 base, theme을 정의하세요. base에서 .card 배경을 빨강, theme에서 초록 rgb(0,128,0)으로 지정해 최종 초록을 만드세요.

준비된 HTML은 그대로 사용합니다. 선택자와 스타일을 작성하세요. 결과 화면과 조건을 함께 확인하세요.

준비된 HTML

<!doctype html>
<html lang="ko">
<head><meta charset="utf-8"><title>실습</title></head>
<body>
<div class="card">레이어</div>
</body>
</html>

힌트

일반 선언은 뒤 레이어가 앞 레이어보다 우선합니다.

해설·정답 보기

자동 판정은 최종 스타일을 봅니다. 레이어 선언은 해설과 직접 비교해 원리를 확인하세요.

@layer base,theme;@layer base{.card{background:red}}@layer theme{.card{background:green}}

style.css화면·구조 확인

풀이 코드

코드는 이 브라우저에 자동 저장돼요.

코드를 작성하고 채점하기를 눌러보세요.

학습용으로 제공된 조건을 확인해요. 알고리즘 사용 방식·설계 의도는 해설과 함께 비교해보세요.