홈
레벨 74: 형제 호버 (Peer Hover)
이전
다음
지시사항
input에 `peer` 클래스를 추가하고, 경고 메시지에 `peer-invalid:block`을 추가하세요 (기본은 hidden).
목표:
이전 형제 요소의 상태에 따라 스타일을 변경해봅시다.
HTML 에디터
정답 확인
<form> <input type="email" class="border p-2" placeholder="이메일 입력"> <p class="text-red-500 hidden">유효한 이메일이 아닙니다.</p> </form>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과