홈
레벨 73: 그룹 호버 (Group Hover)
이전
다음
지시사항
부모에 `group` 클래스를 추가하고, 자식 텍스트에 `group-hover:text-blue-500`을 추가하세요.
목표:
부모 요소에 마우스를 올렸을 때 자식 요소의 스타일을 변경해봅시다.
HTML 에디터
정답 확인
<div class="p-4 border cursor-pointer"> <h3 class="font-bold">카드 제목</h3> <p>내용입니다.</p> </div>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과